紫色APP技术展示响应式网站模板-适配移动端-HTML源码.zip资源-CSDN文库

共50个文件

jpg：14个

css：10个

js：7个

版权申诉

响应式网站源码

HTML

JavaScript

网站模板

127 浏览量 2024-03-27 09:02:56 上传评论收藏 2.72MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

紫色APP技术展示响应式网站模板-适配移动端-HTML源码.zip （50个子文件）

紫色APP技术展示响应式网站模板-适配移动端-HTML源码

html

style.css 25KB

bootstrap.min.js 49KB

footer-reveal.min.js 650B

popper.min.js 19KB

slick.min.js 42KB

active.js 4KB

jquery-2.2.4.min.js 84KB

plugins.js 90KB

img

team-img

team-3.jpg 167KB

team-1.jpg 197KB

team-2.jpg 243KB

team-4.jpg 184KB

scr-img

app-5.jpg 35KB

app-3.jpg 21KB

app-1.jpg 42KB

app-2.jpg 26KB

app-4.jpg 34KB

bg-img

client-1.jpg 12KB

video.jpg 304KB

client-3.jpg 20KB

client-2.jpg 18KB

mobile-1.jpg 35KB

special.png 59KB

welcome-img.png 116KB

welcome-bg.png 51KB

core-img

favicon.ico 2KB

css

bootstrap.min.css 124KB

responsive.css 6KB

slick.css 2KB

magnific-popup.css 5KB

animate.css 56KB

font-awesome.min.css 30KB

themify-icons.css 16KB

ionicons.min.css 50KB

owl.carousel.min.css 3KB

index.html 40KB

fonts

themify.svg 229KB

FontAwesome.otf 132KB

fontawesome-webfont.eot 162KB

fontawesome-webfont.woff 96KB

fontawesome-webfont.woff2 75KB

ionicons.ttf 184KB

ionicons.eot 118KB

ionicons.svg 326KB

ionicons.woff 66KB

fontawesome-webfont.svg 434KB

fontawesome-webfont.ttf 162KB

themify.woff 55KB

themify.eot 77KB

themify.ttf 77KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="description" content=""> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">   <title>Colorlib App - App Landing Page</title>  <link rel="icon" href="img/core-img/favicon.ico">  <link href="style.css" rel="stylesheet">  <link href="css/responsive.css" rel="stylesheet"> </head> <body>  <div id="preloader"> <div class="colorlib-load"></div> </div>  <header class="header_area animated"> <div class="container-fluid"> <div class="row align-items-center">  <div class="col-12 col-lg-10"> <div class="menu_area"> <nav class="navbar navbar-expand-lg navbar-light">  <a class="navbar-brand" href="#">Ca.</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ca-navbar" aria-controls="ca-navbar" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>  <div class="collapse navbar-collapse" id="ca-navbar"> <ul class="navbar-nav ml-auto" id="nav"> <li class="nav-item active"><a class="nav-link" href="#home">Home</a></li> <li class="nav-item"><a class="nav-link" href="#about">About</a></li> <li class="nav-item"><a class="nav-link" href="#features">Features</a></li> <li class="nav-item"><a class="nav-link" href="#screenshot">Screenshot</a></li> <li class="nav-item"><a class="nav-link" href="#pricing">Pricing</a></li> <li class="nav-item"><a class="nav-link" href="#testimonials">Testimonials</a></li> <li class="nav-item"><a class="nav-link" href="#team">Team</a></li> <li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li> </ul> <div class="sing-up-button d-lg-none"> <a href="#">Sign Up Free</a> </div> </div> </nav> </div> </div>  <div class="col-12 col-lg-2"> <div class="sing-up-button d-none d-lg-block"> <a href="#">Sign Up Free</a> </div> </div> </div> </div> </header>   <section class="wellcome_area clearfix" id="home"> <div class="container h-100"> <div class="row h-100 align-items-center"> <div class="col-12 col-md"> <div class="wellcome-heading"> <h2>Colorlib app</h2> <h3>C</h3> <p>Everything You Need. To Start Selling Online Beautifully</p> </div> <div class="get-start-area">  <form action="#" method="post" class="form-inline"> <input type="email" class="form-control email" placeholder="name@company.com"> <input type="submit" class="submit" value="Get Started"> </form>  </div> </div> </div> </div>  <div class="welcome-thumb wow fadeInDown" data-wow-delay="0.5s"> <img src="img/bg-img/welcome-img.png" alt=""> </div> </section>   <section class="special-area bg-white section_padding_100" id="about"> <div class="container"> <div class="row"> <div class="col-12">  <div class="section-heading text-center"> <h2>Why Is It Special</h2> <div class="line-shape"></div> </div> </div> </div> <div class="row">  <div class="col-12 col-md-4"> <div class="single-special text-center wow fadeInUp" data-wow-delay="0.2s"> <div class="single-icon"> <i class="ti-mobile" aria-hidden="true"></i> </div> <h4>Easy to use</h4> <p>We build pretty complex tools and this allows us to take designs and turn them into functional quickly and easily</p> </div> </div>  <div class="col-12 col-md-4"> <div class="single-special text-center wow fadeInUp" data-wow-delay="0.4s"> <div class="single-icon"> <i class="ti-ruler-pencil" aria-hidden="true"></i> </div> <h4>Powerful Design</h4> <p>We build pretty complex tools and this allows us to take designs and turn them into functional quickly and easily</p> </div> </div>  <div class="col-12 col-md-4"> <div class="single-special text-center wow fadeInUp" data-wow-delay="0.6s"> <div class="single-icon"> <i class="ti-settings" aria-hidden="true"></i> </div> <h4>Customizability</h4> <p>We build pretty complex tools and this allows us to take designs and turn them into functional quickly and easily</p> </div> </div> </div> </div>  <div class="special_description_area mt-150"> <div class="container"> <div class="row"> <div class="col-lg-6"> <div class="special_description_img"> <img src="img/bg-img/special.png" alt=""> </div> </div> <div class="col-lg-6 col-xl-5 ml-xl-auto"> <div class="special_description_content"> <h2>Our Best Propositions for You!</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p> <div class="app-dow

评论收藏

内容反馈

版权申诉