<!DOCTYPE html>
<html lang="en">
<head>
<!-- basic -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- mobile metas -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<!-- site metas -->
<title>milina</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<!-- bootstrap css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- style css -->
<link rel="stylesheet" href="css/style.css">
<!-- Responsive-->
<link rel="stylesheet" href="css/responsive.css">
<!-- fevicon -->
<link rel="icon" href="images/fevicon.png" type="image/gif" />
<!-- Scrollbar Custom CSS -->
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
<!-- Tweaks for older IEs-->
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" media="screen">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>
<!-- body -->
<body class="main-layout">
<!-- loader -->
<div class="loader_bg">
<div class="loader"><img src="images/loading.gif" alt="#"/></div>
</div>
<!-- end loader -->
<!-- header -->
<header>
<!-- header inner -->
<div class="header">
<div class="container-fluid">
<div class="row">
<div class="col-xl-3 col-lg-3 col-md-3 col-sm-3 col logo_section">
<div class="full">
<div class="center-desk">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt="#" /></a>
</div>
</div>
</div>
</div>
<div class="col-xl-7 col-lg-7 col-md-9 col-sm-9">
<nav class="navigation navbar navbar-expand-md navbar-dark ">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample04" aria-controls="navbarsExample04" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarsExample04">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="we-do.html">What we do</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pricing.html">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="col-md-2">
<ul class="social_icon">
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</header>
<!-- end header inner -->
<!-- end header -->
<!-- banner -->
<section class="banner_main">
<div id="myCarousel" class="carousel slide banner1" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="container-fluid">
<div class="carousel-caption relative">
<div class="row d_flex">
<div class="col-md-6">
<img class="bann_img" src="images/banner_ing.jpg" alt="#"/>
</div>
<div class="col-md-6">
<span>01/03</span>
<h1>Milina nail Salon Creating Beauty</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo</p>
<a class="get_btn" href="Javascript:void(0)" role="button">Get Appoinment</a>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container-fluid">
<div class="carousel-caption relative">
<div class="row d_flex">
<div class="col-md-6">
<img class="bann_img" src="images/banner_ing.jpg" alt="#"/>
</div>
<div class="col-md-6">
<span>02/03</span>
<h1>Milina nail Salon Creating Beauty</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo</p>
<a class="get_btn" href="Javascript:void(0)" role="button">Get Appoinment</a>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container-fluid">
<div class="carousel-caption relative">
<div class="row d_flex">
<div class="col-md-6">
<img class="bann_img" src="images/banner_ing.jpg" alt="#"/>
</div>
<div class="col-md-6">
<span>03/03</span>
<h1>Milina nail Salon Creating Beauty</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo</p>
<a class="get_btn" href="Javascript:void(0)" role="button">Get Appoinment</a>
</div>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
<i class="f
没有合适的资源?快使用搜索试试~ 我知道了~
基于HTML+CSS+JS开发的网站-美甲沙龙响应式网页.7z
共121个文件
css:24个
js:24个
ttf:22个
需积分: 5 0 下载量 190 浏览量
2024-07-29
11:36:40
上传
评论
收藏 3.41MB 7Z 举报
温馨提示
实践案例:这些代码通常提供实际网站构建的示例,包括布局、交互和动态效果,有助于理解理论知识在现实项目中的应用。 技术栈覆盖:包含HTML5、CSS3和现代JavaScript(如ES6+),紧跟Web开发趋势,帮助学习者掌握最新技术。 清晰的结构:良好的代码组织和注释,便于初学者理解代码逻辑和功能实现。 模块化设计:代码可能采用模块化方式编写,使得部分功能可以轻松地被提取或替换,适合个性化定制。 跨浏览器兼容:确保网站在不同浏览器中表现一致,提高用户体验。 响应式布局:适应各种设备屏幕尺寸,从桌面到移动设备,提供无缝的视觉体验。 加载速度:优化图像和脚本,减少HTTP请求,提升页面加载速度。 代码压缩:使用Gzip等方法压缩文件大小,加快数据传输。 用户交互:利用JavaScript创建动态表单验证、下拉菜单等,增强用户参与度。 动画效果:通过CSS3或JavaScript实现平滑过渡和动画,增加视觉吸引力。
资源推荐
资源详情
资源评论
收起资源包目录
基于HTML+CSS+JS开发的网站-美甲沙龙响应式网页.7z (121个子文件)
bootstrap.css 169KB
layers.css 137KB
bootstrap.min.css 137KB
navigation.css 58KB
animate.min.css 52KB
jquery.mCustomScrollbar.min.css 42KB
bootstrap-grid.css 37KB
jquery-ui.css 35KB
font-awesome.min.css 30KB
settings.css 29KB
bootstrap-grid.min.css 28KB
icomoon.css 28KB
style.css 18KB
jquery.fancybox.min.css 14KB
default-skin.css 11KB
pe-icon-7-stroke.css 10KB
normalize.css 7KB
responsive.css 7KB
bootstrap-reboot.css 5KB
bootstrap-reboot.min.css 4KB
meanmenu.css 4KB
nice-select.css 4KB
owl.carousel.min.css 3KB
slick.css 2KB
fontawesome-webfont.eot 162KB
Pe-icon-7-strokebb1d.eot 57KB
Pe-icon-7-stroked41d.eot 57KB
revicons90c6.eot 12KB
loading.gif 35KB
loader.gif 2KB
index.html 21KB
pricing.html 10KB
contact.html 10KB
we-do.html 10KB
about.html 9KB
openhand.html 326B
closedhand.html 326B
banner_ing.jpg 245KB
blog2.jpg 52KB
blog3.jpg 46KB
blog1.jpg 44KB
plugin.js 897KB
bootstrap.bundle.js 206KB
modernizer.js 141KB
bootstrap.js 120KB
jquery.themepunch.tools.min.js 105KB
jquery.min.js 85KB
bootstrap.bundle.min.js 69KB
jquery.themepunch.revolution.min.js 61KB
bootstrap.min.js 49KB
revolution.extension.layeranimation.min.js 49KB
jquery.validate.js 48KB
jquery.mCustomScrollbar.concat.min.js 44KB
revolution.extension.slideanims.min.js 28KB
revolution.extension.navigation.min.js 25KB
revolution.extension.video.min.js 23KB
popper.min.js 19KB
jquery-3.0.0.min.js 11KB
revolution.extension.parallax.min.js 10KB
revolution.extension.actions.min.js 9KB
revolution.extension.carousel.min.js 7KB
revolution.extension.migration.min.js 6KB
revolution.extension.kenburn.min.js 3KB
slider-setting.js 3KB
custom.js 2KB
bootstrap.min.css.map 545KB
bootstrap.css.map 415KB
bootstrap.bundle.js.map 351KB
bootstrap.bundle.min.js.map 287KB
bootstrap.js.map 208KB
bootstrap.min.js.map 172KB
bootstrap-grid.css.map 95KB
bootstrap-grid.min.css.map 67KB
bootstrap-reboot.css.map 58KB
bootstrap-reboot.min.css.map 25KB
FontAwesome.otf 132KB
about.png 252KB
co_right.png 9KB
slin.png 7KB
slin2.png 7KB
weicon1.png 4KB
weicon4.png 3KB
weicon3.png 3KB
date.png 3KB
weicon2.png 3KB
logo.png 2KB
menu_icon.png 967B
gridtile_3x3.png 938B
gridtile_3x3_white.png 935B
gridtile.png 933B
gridtile_white.png 931B
coloredbg.png 184B
fontawesome-webfont.svg 434KB
Pe-icon-7-strokebb1d.svg 160KB
revicons90c6.svg 13KB
Poppins-ThinItalic.ttf 167KB
Poppins-ExtraLightItalic.ttf 166KB
Poppins-LightItalic.ttf 164KB
Poppins-Italic.ttf 162KB
fontawesome-webfont.ttf 162KB
共 121 条
- 1
- 2
资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2177
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 医疗废物管理系统(编号:60754281).zip
- VIENNA维也纳拓扑,三相整流仿真模型:采用电压电流双闭环控制,电压外环采用PI控制,电流内环采用bang bang滞环控制 整流电压稳定在600V 有相关参考资料
- 亚运会志愿者管理系统的设计与实现(编号:99265234).zip
- VB6.0股票软件源代码(国外牛人所写)
- 医学电子技术线上翻转课堂系统_46687k05_214-wx(1).zip
- 低压 伺服低压伺服方案全套,包含TI dsp和FPGA 源码和 原理图
- 易助ERP 9.0 安装包 百度云盘 下载
- 亿时网上书店系统(编号:98585164).zip
- 英语学习平台(编号:50003239).zip
- 关于Py的干货,使用的是pycharm编译器
- 数据科学行业薪酬数据集.zip
- 饮食营养管理信息系统_c0as852x_238-wx.zip
- 在MATLAB中调用函数.pdf
- Qt-c++上位机2套串口实时曲线带平滑 1,设置串口. 2,串口收发数据 3,数据模拟 4,接收数据形成曲线 5,曲线控件的各种外观设置 6,可以设置平滑曲线 参数如下:
- 基于改进粒子群算法的混合储能系统容量优化程序
- 安装&升级&卸载Deployment Center2406
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功