<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Models Fashion Category Bootstrap Responsive Web Template | Home :: W3layouts</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8" />
<meta name="keywords" content="Models Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- //Meta tag Keywords -->
<!-- Custom-Files -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Bootstrap-Core-CSS -->
<link href="css/css_slider.css" type="text/css" rel="stylesheet" media="all">
<!-- banner slider -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!-- Style-CSS -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- Font-Awesome-Icons-CSS -->
<!-- //Custom-Files -->
<!-- Web-Fonts -->
<link href="//fonts.googleapis.com/css?family=Srisakdi:400,700&subset=latin-ext,thai,vietnamese" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext"
rel="stylesheet">
<!-- //Web-Fonts -->
</head>
<body>
<!-- main banner -->
<div class="main-top" id="home">
<!-- header -->
<header>
<div class="container-fluid">
<div class="header d-md-flex justify-content-between align-items-center py-3 px-xl-5 px-lg-3 px-2">
<!-- logo -->
<div id="logo">
<h1><a class="" href="index.html">Models</a></h1>
</div>
<!-- //logo -->
<!-- nav -->
<div class="nav_w3ls">
<nav>
<label for="drop" class="toggle">Menu</label>
<input type="checkbox" id="drop" />
<ul class="menu">
<li class="active"><a href="index.html">Home</a></li>
<li class="mx-lg-4 mx-md-3 my-md-0 my-2"><a href="#about">About Us</a></li>
<li><a href="#gallery">Gallery</a></li>
<li class="mx-lg-4 mx-md-3 my-md-0 my-2">
<!-- First Tier Drop Down -->
<label for="drop-2" class="toggle toogle-2">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span>
</label>
<a href="#">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span></a>
<input type="checkbox" id="drop-2" />
<ul>
<li><a href="#services" class="drop-text">Services</a></li>
<li><a href="#blog" class="drop-text">Blog</a></li>
<li><a href="#newsletter" class="drop-text">Newsletter</a></li>
</ul>
</li>
<li><a href="#contact">Contact Us</a></li>
</ul>
</nav>
</div>
<!-- //nav -->
</div>
</div>
</header>
<!-- //header -->
<!-- banner -->
<div class="banner_w3lspvt">
<div class="csslider infinity" id="slider1">
<input type="radio" name="slides" id="slides_1" />
<input type="radio" name="slides" checked="checked" id="slides_2" />
<input type="radio" name="slides" id="slides_3" />
<ul class="banner_slide_bg">
<li>
<div class="container">
<div class="w3ls_banner_txt">
<h5>The easier way to find models</h5>
<h3 class="w3ls_pvt-title">Discover Models or Be Discovered</h3>
<a href="#contact" style="max-width: 150px;" class="btn button-style mt-sm-5 mt-4">Contact Us</a>
</div>
</div>
</li>
<li>
<div class="container">
<div class="w3ls_banner_txt">
<h5>The easier way to find models</h5>
<h3 class="w3ls_pvt-title">Discover Models or Be Discovered</h3>
<a href="#contact" style="max-width: 150px;" class="btn button-style mt-sm-5 mt-4">Contact Us</a>
</div>
</div>
</li>
<li>
<div class="container">
<div class="w3ls_banner_txt">
<h5>The easier way to find models</h5>
<h3 class="w3ls_pvt-title">Discover Models or Be Discovered</h3>
<a href="#contact" style="max-width: 150px;" class="btn button-style mt-sm-5 mt-4">Contact Us</a>
</div>
</div>
</li>
</ul>
<div class="navigation">
<div>
<label for="slides_1"></label>
<label for="slides_2"></label>
<label for="slides_3"></label>
</div>
</div>
</div>
</div>
<!-- //banner -->
</div>
<!-- //main banner -->
<!-- banner bottom -->
<div class="w3ls-welcome pt-5" id="about">
<div class="container pt-sm-3">
<div class="row">
<div class="col-lg-6 welcome-left py-xl-5 py-lg-3">
<h3>Welcome To Our Models Website</h3>
<h4 class="mb-sm-5 mb-4 mt-3 font-italic">Together we’ll make this world <br>more beautiful.
</h4>
<div class="row support-bottom">
<div class="col-6 support-grid">
<div class="icon-effect">
<span class="fa fa-spinner" aria-hidden="true"></span>
</div>
<h5 class="mt-4 mb-3">Make Over</h5>
<p>Ut enim ad minima ven aiam, quis no strum ullam corp oris susc ipit.</p>
</div>
<div class="col-6 support-grid">
<div class="icon-effect grid-w3ls-2">
<span class="fa fa-star-o" aria-hidden="true"></span>
</div>
<h5 class="mt-4 mb-3">Stylist</h5>
<p>Ut enim ad minima ven aiam, quis no strum ullam corp oris susc ipit.</p>
</div>
</div>
</div>
<div class="col-lg-6 welcome-right p-lg-0 mt-3 text-lg-right text-center">
<img src="images/img.jpg" alt=" " class="img-fluid">
</div>
</div>
</div>
</div>
<!-- //banner bottom -->
<!-- services -->
<div class="serives-agile py-5" id="services">
<div class="container py-xl-5 py-lg-3">
<div class="row support-bottom text-center">
<div class="col-md-4 services-w3ls-grid">
<i class="fa fa-eye" aria-hidden="true"></i>
<h4 class="text-white text-uppercase mt-md-5 mt-4 mb-3">Heading Here</h4>
<p>Ut enim ad minima veniam, quis nostrum ullam corporis suscipit laboriosam.</p>
</div>
<div class="col-md-4 services-w3ls-grid my-md-0 my-4">
<i class="fa fa-gift" aria-hidden="true"></i>
<h4 class="text-white text-uppercase mt-md-5 mt-4 mb-3">Heading Here</h4>
<p>Ut enim ad minima veniam, quis nostrum ullam corporis suscipit laboriosam.</p>
</div>
<div class="col-md-4 services-w3ls-grid">
<i class="fa fa-heart-o" aria-hidden="true"></i>
<h4 class="text-white text-uppercase mt-md-5 mt-4 mb-3">Heading Here</h4>
<p>Ut enim ad minima veniam, quis nostrum ullam corporis suscipit laboriosam.</p>
</div>
</div>
</div>
</div>
<!-- //services -->
<!-- blog -->
<div class="blog-w3ls py-5" id="blog">
<div class="container py-xl-5 py-lg-3">
<div class="title text-center mb-5">
<h3 class="mb-2">Blog Posts</h3>
<p>Ut enim ad minim veniam, quis nostrud ullam.</p>
</div>
<div class="row package-grids">
<div class="col-lg-4 posts-agiles">
<div class="posts-top">
<a href="#" data-toggle="modal" data-target=".bd-example-modal-lg">
<img src="images/blog1.jpg" alt="" class="img-fluid" />
</a>
<h3>13
<span>Sep</span>
</h3>
</div>
<div class="posts-w3ls-bottom py-4">
<h4 class="mb-2">Sit accus antium</h4>
<ul class="list-unstyled">
<li>
<a href="#">
<i class="fa fa-thumbs-up mr-1"></i>20 Likes</a>
</li>
<li class="mx-3">
<
课设&大作业&毕设-模特公司展示响应式网页模板-适配移动端-HTML源码.zip
版权申诉
7 浏览量
2024-03-28
09:36:31
上传
评论
收藏 1.96MB ZIP 举报
课设&大作业&毕设-模特公司展示响应式网页模板-适配移动端-HTML源码.zip （27个子文件） 
课设&大作业&毕设-模特公司展示响应式网页模板-适配移动端-HTML源码 html css 
style.css 22KB bootstrap.css 174KB font-awesome.min.css 30KB css_slider.css 4KB
index.html 19KB images 
g3.jpg 19KB g2.jpg 30KB 2.jpg 196KB 1.jpg 235KB blog3.jpg 32KB g6.jpg 34KB
move-top.png 3KB g5.jpg 29KB blog2.jpg 26KB img.jpg 196KB bg3.jpg 173KB g4.jpg 45KB bg2.jpg 143KB g1.jpg 20KB blog1.jpg 30KB 4.jpg 171KB fonts FontAwesome.otf 132KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB fontawesome-webfont.ttf 162KB资源评论
DTcode7
- 粉丝: 2522
- 资源: 4062
