<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Tooplate's Little Fashion</title>
<!-- CSS FILES -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;700;900&display=swap" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-icons.css" rel="stylesheet">
<link rel="stylesheet" href="css/slick.css"/>
<link href="css/tooplate-little-fashion.css" rel="stylesheet">
<!--
Tooplate 2127 Little Fashion
https://www.tooplate.com/view/2127-little-fashion
-->
</head>
<body>
<section class="preloader">
<div class="spinner">
<span class="sk-inner-circle"></span>
</div>
</section>
<main>
<nav class="navbar navbar-expand-lg">
<div class="container">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="index.html">
<strong><span>Little</span> Fashion</strong>
</a>
<div class="d-lg-none">
<a href="sign-in.html" class="bi-person custom-icon me-3"></a>
<a href="product-detail.html" class="bi-bag custom-icon"></a>
</div>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav mx-auto">
<li class="nav-item">
<a class="nav-link active" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">Story</a>
</li>
<li class="nav-item">
<a class="nav-link" href="products.html">Products</a>
</li>
<li class="nav-item">
<a class="nav-link" href="faq.html">FAQs</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
<div class="d-none d-lg-block">
<a href="sign-in.html" class="bi-person custom-icon me-3"></a>
<a href="product-detail.html" class="bi-bag custom-icon"></a>
</div>
</div>
</div>
</nav>
<section class="slick-slideshow">
<div class="slick-custom">
<img src="images/slideshow/medium-shot-business-women-high-five.jpeg" class="img-fluid" alt="">
<div class="slick-bottom">
<div class="container">
<div class="row">
<div class="col-lg-6 col-10">
<h1 class="slick-title">Cool Fashion</h1>
<p class="lead text-white mt-lg-3 mb-lg-5">Little fashion template comes with total 8 HTML pages provided by Tooplate website.</p>
<a href="about.html" class="btn custom-btn">Learn more about us</a>
</div>
</div>
</div>
</div>
</div>
<div class="slick-custom">
<img src="images/slideshow/team-meeting-renewable-energy-project.jpeg" class="img-fluid" alt="">
<div class="slick-bottom">
<div class="container">
<div class="row">
<div class="col-lg-6 col-10">
<h1 class="slick-title">New Design</h1>
<p class="lead text-white mt-lg-3 mb-lg-5">Please share this Little Fashion template to your friends. Thank you for supporting us.</p>
<a href="product.html" class="btn custom-btn">Explore products</a>
</div>
</div>
</div>
</div>
</div>
<div class="slick-custom">
<img src="images/slideshow/two-business-partners-working-together-office-computer.jpeg" class="img-fluid" alt="">
<div class="slick-bottom">
<div class="container">
<div class="row">
<div class="col-lg-6 col-10">
<h1 class="slick-title">Talk to us</h1>
<p class="lead text-white mt-lg-3 mb-lg-5">Tooplate is one of the best HTML CSS template websites for everyone.</p>
<a href="contact.html" class="btn custom-btn">Work with us</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="about section-padding">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<h2 class="mb-5">Get started with <span>Little</span> Fashion</h2>
</div>
<div class="col-lg-2 col-12 mt-auto mb-auto">
<ul class="nav nav-pills mb-5 mx-auto justify-content-center align-items-center" id="pills-tab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home" aria-selected="true">Introduction</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-youtube-tab" data-bs-toggle="pill" data-bs-target="#pills-youtube" type="button" role="tab" aria-controls="pills-youtube" aria-selected="true">How we work?</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-skill-tab" data-bs-toggle="pill" data-bs-target="#pills-skill" type="button" role="tab" aria-controls="pills-skill" aria-selected="false">Capabilites</button>
</li>
</ul>
</div>
<div class="col-lg-10 col-12">
<div class="tab-content mt-2" id="pills-tabContent">
<div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labe
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
这套HTML源代码文件是一个完整的网页模板,适用于各种类型的网站。它采用了最新的HTML5和CSS3技术,具有响应式设计,能够适应不同设备的屏幕尺寸。此外,它还包含了丰富的JavaScript插件,可以实现各种复杂的交互效果。这套源代码文件还具有高度的可定制性。您可以根据自己的需求对页面进行布局调整、颜色更改以及内容替换,轻松打造出符合您项目风格的网站。同时,我们的代码结构清晰、注释详细,方便您学习和理解HTML、CSS和JavaScript等前端技术。您可能面临着课程设计、毕业设计等挑战。这套源代码文件将成为您的得力助手,帮助您展示自己的才华和技能。通过使用这套源代码文件,您可以轻松地完成网站搭建任务,为您的课程设计或毕业设计增添亮点。总的来说,这套HTML源代码文件是一个高效、实用、易用的工具,无论你是专业的网页设计师,还是业余的编程爱好者,都值得拥有。
资源推荐
资源详情
资源评论
收起资源包目录
创意时尚服饰设计响应式网页模板-适配移动端设备-HTML网页源码.zip (39个子文件)
创意时尚服饰设计响应式网页模板-适配移动端设备-HTML网页源码
html
faq.html 13KB
sign-up.html 7KB
js
jQuery.headroom.js 851B
slick.min.js 42KB
bootstrap.bundle.min.js 77KB
custom.js 579B
jquery.min.js 84KB
Headroom.js 5KB
sign-in.html 5KB
css
bootstrap.min.css 152KB
bootstrap-icons.css 64KB
slick.css 2KB
tooplate-little-fashion.css 22KB
product-detail.html 15KB
index.html 23KB
contact.html 11KB
about.html 19KB
images
cody-lannom-G95AReIh_Ko-unsplash.jpeg 45KB
slideshow
team-meeting-renewable-energy-project.jpeg 189KB
medium-shot-business-women-high-five.jpeg 155KB
two-business-partners-working-together-office-computer.jpeg 198KB
header
positive-european-woman-has-break-after-work.jpg 111KB
businesspeople-meeting-office-working.jpg 130KB
people
senior-man-wearing-white-face-mask-covid-19-campaign-with-design-space.jpeg 24KB
woman-wearing-mask-face-closeup-covid-19-green-background.jpeg 25KB
portrait-british-woman.jpeg 26KB
beautiful-woman-face-portrait-brown-background.jpeg 22KB
servicescape-incorporated-_48JSlVLX6g-unsplash.jpeg 60KB
retail-shop-owner-mask-social-distancing-shopping.jpg 89KB
pim-chu-z6NZ76_UTDI-unsplash.jpeg 19KB
product
quokkabottles-kFc1_G1GvKA-unsplash.jpeg 23KB
nature-zen-3Dn1BZZv3m8-unsplash.jpeg 40KB
jordan-nix-CkCUvwMXAac-unsplash.jpeg 47KB
anis-m-WnVrO-DvxcE-unsplash.jpeg 33KB
evan-mcdougall-qnh1odlqOmk-unsplash.jpeg 43KB
team-fredi-8HRKoay8VJE-unsplash.jpeg 66KB
products.html 14KB
fonts
bootstrap-icons.woff2 88KB
bootstrap-icons.woff 118KB
共 39 条
- 1
资源评论
DTcode7
- 粉丝: 7732
- 资源: 4538
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 国内IP地址大全 站长资源 访问IP设置 Order allow,deny 使用方法
- 【JavaScript实现点击鼠标出现爱心特效脚本】直接引入index.html文件可用!!!
- OPC Core Components Redistributable (x86).msi
- 一套基于Python的交易量化框架,详细复现步骤
- 顺序表定义及12个基本操作实现
- xilinx vbyone IP 网表文件
- 【JavaScript实现点击鼠标出现爱心特效脚本】直接引入index.html文件可用!!!
- Erlang环境,26.1.0.0和Erlang环境,26.1.0.0
- C 语言文件读写操作及完整代码示例
- RabbitMQ,3.12.10.0
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功