灰色大图画室工作室宽屏企业模板-bootstrap手机响应式html5资源-CSDN文库

共43个文件

jpg：18个

png：10个

js：6个

版权申诉

html5

38 浏览量 2022-11-09 21:24:21 上传评论收藏 1.49MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

灰色大图画室工作室宽屏企业模板_灰色美术设计艺术文化画室工作室宽屏企业摄影大图模特服装美容美发简洁 bootstrap 手机响应式 html5 时尚漂亮线条整站官网化妆美妆.rar （43个子文件）

灰色大图画室工作室宽屏企业模板_灰色美术设计艺术文化画室工作室宽屏企业摄影大图模特服装美容美发简洁 bootstrap 手机响应式 html5 时尚漂亮线条整站官网化妆美妆

cpts_76_kg

css

magnific-popup.css 10KB

bootstrap.css 118KB

black.css 3KB

style.css 22KB

images

se.jpg 32KB

next.png 3KB

pi6.jpg 59KB

pl.png 3KB

b2.jpg 171KB

b1.jpg 185KB

prev.png 3KB

se.png 4KB

pi2.jpg 59KB

pi1.jpg 67KB

up.png 3KB

close.png 3KB

pi4.jpg 83KB

f1.jpg 16KB

se1.jpg 35KB

sh.png 4KB

ba1.jpg 81KB

menu.png 3KB

cir.png 3KB

pi3.jpg 89KB

back.jpg 9KB

img-sprite.png 15KB

ab.jpg 72KB

f2.jpg 9KB

ba.jpg 88KB

b3.jpg 144KB

pi7.jpg 94KB

pi.jpg 89KB

404.html 5KB

index.html 13KB

jquery.min.js 94KB

move-top.js 1KB

easing.js 5KB

nivo-lightbox.min.js 7KB

jsapi.js 24KB

responsiveslides.min.js 3KB

portfolio.html 9KB

about.html 14KB

contact.html 7KB

<!DOCTYPE html> <html> <head> <title>About</title> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />  <script src="js/jquery.min.js"></script>   <style type="text/css">@import url("css/style.css");</style> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />  <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Elegant Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>  <link href='#css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'> <script type="text/javascript" src="js/move-top.js"></script> <script type="text/javascript" src="js/easing.js"></script>  <script src="js/responsiveslides.min.js"></script> <script> $(function () { $("#slider").responsiveSlides({ auto: true, speed: 500, namespace: "callbacks", pager: true, }); }); </script>  <script type="text/javascript" src="js/jsapi.js"></script> <script> google.setOnLoadCallback(function() { // Color changer $(".colorred").click(function(){ $("link").attr("href", "css/red.css"); return false; }); $(".colorblack").click(function(){ $("link").attr("href", "css/black.css"); return false; }); }); </script>  </head> <body>  <div class="header"> <div class="container"> <div class="logo"> <h1><a href="index.html">ELEGANT</a></h1> </div> <div class="top-nav"> <span class="menu"> <img src="images/menu.png" alt=""></span> <ul> <li ><a href="index.html" >HOME</a></li> <li class="active"><a href="about.html" > ABOUT</a></li> <li><a href="404.html"> SERVICES </a></li> <li><a href="portfolio.html" >PORTFOLIO</a></li> <li><a href="contact.html">CONTACT</a></li> </ul>  <script> $("span.menu").click(function(){ $(".top-nav ul").slideToggle(500, function(){ }); }); </script> </div> <div class="clearfix"> </div> </div> </div>   <div id="colorchanger"> <a class="colorbox colorred" href="?theme=red" title="Red Theme"> </a> <a class="colorbox colorblack" href="?theme=black" title="Black Theme"> </a> </div>  <div class="content"> <div class="about"> <div class="container"> <h2>ABOUT</h2> <div class="col-md-8 in-about"> <h4>OUR PROFILE</h4> <div class="our-grid"> <div class=" our-para"> <a href="#"> <img src="images/ab.jpg" alt="image" class="img-responsive "> </a> </div> <div class="our-head"> <h6><a href="#">Lorem ipsum dolor sit amet, consectetur adipisci ngelit. </a></h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nisi sem, vestibulum ac lobortis quis, aliquet in metus. Suspendi sse a nibh id eros consectetur laoreet. Etiam viverra auctor orci, eu mattis ipsum rutrum nec.</p> <p class="in">Etortor tortor in turpis. Proin mauris nulla, rutrum aliquet arcu vel, porttitor varius dolor. Phasellus vitae tincidunt orci, et faucibus eros. Sed dolor sapien, pharetra placerat feugiat.</p> <p class="in">Proin mauris nulla, rutrum aliquet arcu vel, porttitor varius dolor. Phasellus vitae tincidunt orci, et faucibus eros. Sed dolor sapien, pharetra placerat feugiat non, molestie nec elit.Aenean fringilla metus enim, non congue velit porta id. Mauris non lacus sollicitudin, suscipit erat eu, sodales metus. Pellentesque sit amet fringilla orci. Suspendisse lacinia quam et sapien blandit, eu mattis risus posuere. Morbi turpis lorem, vestibulum at turpis vel, suscipit tristique urna. Sed nec dapibus tellus, vel fringilla turpis. Phasellus mollis, lacus sed auct or lobortis, ante nisl tincidunt nibh.</p> </div> <div class="clearfix"> </div> </div> </div> <div class="col-md-4 possible-about"> <h4>OUR CAPABILITIES</h4> <div class="tab1"> <ul class="place"> <li><img src="images/cir.png" alt=""></li> <li>Placerat ligula tincidunt</li> </ul> <p style="display: none; overflow: hidden;">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p> </div> <div class="tab2"> <ul class="place"> <li><img src="images/cir.png" alt=""></li> <li>Sed ut perspiciatis unde</li> </ul> <p style="display: none; overflow: hidden;">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p> </div> <div class="tab3"> <ul class="place"> <li><img src="images/cir.png" alt=""></li> <li>Eaque ipsa quae ab illo </li> </ul> <p style="display: none; overflow: hidden;">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p> </div> <div class="tab4"> <ul class="place"> <li><img src="images/cir.png" alt=""></li> <li>At vero eos et accusamus</li> </ul> <p style="display: none; overflow: hidden;">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p> </div> <div class="tab5"> <ul class="place"> <li><img src="images/cir.png" alt=""></li> <li>Internet tend to repeat </li> </ul> <p style="display: block; overflow: hidden;">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p> </div> <div class="tab6"> <ul class="place"> <li><img src="images/cir.png" alt=""></li> <li>Many desktop publishing</li> </ul> <p style="display: block; overflow: hidden;">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p> </div>  <script> $(document).ready(function(){ $(".tab1 p").hide(); $(".tab2 p").hide(); $(".tab3 p").hide(); $(".tab4 p").hide(); $(".tab5 p").hide(); $(".tab6 p").hide(); $(".tab1 ul").click(function(){ $(".tab1 p").slideToggle(300); $(".tab2 p").hide(); $(".tab3 p").hide(); $(".tab4 p").hide(); $(".tab5 p").hide(); $(".tab6 p").hide(); }) $(".tab2 ul").click(function(){ $(".tab2 p").slideToggle(300); $(".tab1 p").hide(); $(".tab3 p").hide(); $(".tab4 p").hide(); $(".tab5 p").hide(); $(".tab6 p").hide(); }) $(".tab3 ul").click(function(){ $(".tab3 p").slideToggle(300); $(".tab4 p").hide();

评论收藏

内容反馈

版权申诉