网站模板-工作室展示日志响应式网页模板-适配移动端界面-HTML源码.zip资源-CSDN文库

共39个文件

jpg：14个

png：13个

css：4个

版权申诉

HTML源码

JavaScript

适配移动端

118 浏览量 2024-03-23 09:38:43 上传评论收藏 490KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

网站模板-工作室展示日志响应式网页模板-适配移动端界面-HTML源码.zip （39个子文件）

网站模板-工作室展示日志响应式网页模板-适配移动端界面-HTML源码

html

jquery.swipebox.min.js 7KB

easing.js 5KB

move-top.js 1KB

jquery-1.11.1.min.js 94KB

css

style.css 22KB

bootstrap.css 118KB

swipebox.css 4KB

gallery.css 8KB

index.html 19KB

contact.html 7KB

single.html 11KB

images

b1.jpg 8KB

b8.jpg 6KB

b2.jpg 10KB

arrow.png 4KB

mouse.png 4KB

banner.jpg 178KB

b6.jpg 3KB

logo.png 7KB

to-top2.png 3KB

pic4.jpg 12KB

b7.jpg 3KB

b3.jpg 6KB

social.png 5KB

pic2.jpg 16KB

arrow_right.png 3KB

search.png 3KB

pic3.jpg 30KB

b5.jpg 3KB

pic1.jpg 27KB

b4.jpg 3KB

icons.svg 1KB

menu-icon.png 3KB

top_icons.png 12KB

logo_small.png 4KB

close.png 3KB

top.png 3KB

blog.jpg 49KB

arrow1.png 3KB

<!DOCTYPE HTML> <html> <head> <title>Namaste an Corporate Category Flat Bootstarp Resposive Website Template | Home :: w3layouts</title> <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="Namaste 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/bootstrap.css" rel='stylesheet' type='text/css' />  <link href="css/style.css" rel='stylesheet' type='text/css' /> <link href="css/gallery.css" rel="stylesheet" type="text/css" media="all" /> <script src="js/jquery-1.11.1.min.js"> </script>  <link rel="stylesheet" href="css/swipebox.css"> <script src="js/jquery.swipebox.min.js"></script> <script type="text/javascript"> jQuery(function($) { $(".swipebox").swipebox(); }); </script>  <script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},1000); }); }); </script> <script type="text/javascript" src="js/move-top.js"></script> <script type="text/javascript" src="js/easing.js"></script> <link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> <link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'> </head> <body> <div class="header"> <div class="wrap"> <div class="header_top"> <div class="icon"> <a href="index.html"><img src="images/logo_small.png" alt=""/></a> </div> <div class="menu"> <a href="#" class="right_bt" id="activator"><img src="images/menu-icon.png" alt=""/></a> <div class="box" id="box"> <div class="box_content_center"> <div class="menu_box_list"> <ul> <li><a href="index.html" class="active">Home</a></li> <li><a href="#works" data-hover="Works" class="scroll">Works</a></li> <li><a href="#about" data-hover="About" class="scroll">About</a></li> <li><a href="contact.html" data-hover="Contact">Contact</a></li> </ul> </div> <a class="boxclose" id="boxclose"><img src="images/close.png" alt=""/></a> </div> </div> <script type="text/javascript"> var $ = jQuery.noConflict(); $(function() { $('#activator').click(function(){ $('#box').animate({'left':'0px'},500); }); $('#boxclose').click(function(){ $('#box').animate({'left':'-2500px'},500); }); }); $(document).ready(function(){ //Hide (Collapse) the toggle containers on load $(".toggle_container").hide(); //Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state) $(".trigger").click(function(){ $(this).toggleClass("active").next().slideToggle("slow"); return false; //Prevent the browser jump to the link anchor }); }); </script> </div> <div class="clearfix"> </div> </div> <div class="logo"> <img src="images/logo.png" class="img-responsive" alt=""/> </div> <div class="header_arrow"> <a href="#arrow" class="scroll"><span> </span></a> </div> </div> </div> <div class="content_top" id="about"> <div class="container"> <div class="grid_1"> <h3>Who We Are</h3> <h1>Hello & Namaste</h1> <p>We do not build websites but user experiences. We judge our performance according to the impact it makes</p> </div> <div class="grid_2 text-center"> <div class="col-md-3 box_1"> <span class="top-icon1"> </span> <h4>Web Design</h4> <p>Fresh, lively and informative content, is key to any successful website, so take a look at your website's content on a regular basis. </p> </div> <div class="col-md-3 box_1 box_2"> <span class="top-icon2"> </span> <h4>Web Development</h4> <p>Fresh, lively and informative content, is key to any successful website, so take a look at your website's content on a regular basis. </p> </div> <div class="col-md-3 box_1"> <span class="top-icon3"> </span> <h4>Graphics</h4> <p>Fresh, lively and informative content, is key to any successful website, so take a look at your website's content on a regular basis. </p> </div> <div class="col-md-3 box_1"> <span class="top-icon4"> </span> <h4>Illustrations</h4> <p>Fresh, lively and informative content, is key to any successful website, so take a look at your website's content on a regular basis. </p> </div> <div class="clearfix"> </div> </div> </div> </div> <div class="content_middle" id="works"> <div class="container"> <div class="grid_1"> <h3>What We Do</h3> <h2>Our Works</h2> <p>Suspendisse ultrices eu massa non interdum. Cras eros nisi, pulvinar quis sem et, pellentesque blandit lacus. </p> </div> <div class="gallery autoplay items-3"> <div id="item-1" class="control-operator"></div> <div id="item-2" class="control-operator"></div> <div id="item-3" class="control-operator"></div> <figure class="item"> <ul class="gallery"> <li> <div class="view view-first"><a href="images/pic1.jpg" class="swipebox" title="Image Title"> <div class="index_img"><img src="images/pic1.jpg" class="img-responsive" alt=""/></div> <div class="mask"> <div class="mask_desc"> <h3>King Author</h3> <p>Photography</p> </div> <div class="info"> <img src="images/arrow.png" class="img-responsive" alt=""/></div> </div> </a></div> </li> <li> <div class="view view-first"><a href="images/pic2.jpg" class="swipebox" title="Image Title"> <div class="index_img"><img src="images/pic2.jpg" class="img-responsive" alt=""/></div> <div class="mask"> <div class="mask_desc"> <h3>King Author</h3> <p>Photography</p> </div> <div class="info"><img src="images/arrow.png" class="img-responsive" alt=""/></div> </div> </a></div> </li> <li> <div class="view view-first"><a href="images/pic3.jpg" class="swipebox" title="Image Title"> <div class="index_img"><img src="images/pic3.jpg" class="img-responsive" alt=""/></div> <div class="mask"> <div class="mask_desc"> <h3>King Author</h3> <p>Photography</p> </div> <div class="info"><img src="images/arrow.png" class="img-responsive" alt=""/></div> </div> </a></div> </li> <li> <div class="view view-first"><a href="images/pic4.jpg" class="swipebox" title="Image Title">

评论收藏

内容反馈

版权申诉