x55_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip资源-CSDN文库

共56个文件

png：48个

js：4个

css：2个

网站模板

网页psd

134 浏览量 2023-08-02 16:07:52 上传评论收藏 2.06MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

x55_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （56个子文件）

x55

jquery.flexslider-min.js 11KB

functions.js 1KB

jquery-1.8.0.min.js 90KB

modernizr.custom.js 7KB

css

style.css 18KB

flexslider.css 3KB

images

cols-shadow.png 4KB

video-img.png 161KB

rss-ico.png 2KB

main.png 1KB

t-slide-img2.png 130KB

footer-cols.png 3KB

socials-inner.png 1022B

m-section-shadow.png 3KB

t-slide-img.png 322KB

arr-ico.png 1KB

john-ico.png 2KB

face-ico.png 2KB

nav-arr.png 4KB

twitter-ico.png 2KB

logo.png 2KB

arr-footer-col.png 1KB

t-slider-bottom.png 5KB

m-section-post.png 3KB

nav-border.png 1KB

slider-bottom.png 17KB

col-img1.png 15KB

t-section-post.png 4KB

m-btn-grey.png 3KB

slide-img1.png 307KB

m-slide-img.png 50KB

[email protected] 4KB

col-img2.png 12KB

slide-img2.png 187KB

t-slide-img1.png 199KB

col-img3.png 9KB

navigation.png 1KB

[email protected] 113KB

search-btn.png 2KB

section-shadow.png 2KB

socials.png 7KB

grey-btn.png 3KB

favicon.ico 1KB

t-section-shadow.png 2KB

[email protected] 2KB

socials-bg.png 1KB

slide-img.png 428KB

my-space-ico.png 2KB

[email protected] 5KB

footer-lights.png 13KB

footer-bottom.png 3KB

body.png 23KB

m-slider-bottom.png 6KB

slider-shadow.png 2KB

control-nav.png 2KB

index.html 9KB

<!DOCTYPE html> <html lang="en" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" /> <title>Curve - Free CSS template by ChocoTemplates.com</title> <link rel="shortcut icon" type="image/x-icon" href="css/images/favicon.ico" /> <link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="all" /> <link href='http://fonts.googleapis.com/css?family=Ubuntu:400,500,700' rel='stylesheet' type='text/css' /> <script src="js/jquery-1.8.0.min.js" type="text/javascript"></script>  <script src="js/jquery.flexslider-min.js" type="text/javascript"></script> <script src="js/functions.js" type="text/javascript"></script> </head> <body>  <div id="wrapper">  <div class="shell">  <div class="container">  <header id="header"> <h1 id="logo"><a href="#">Curve</a></h1>  <div class="search"> <form method="post"> <span class="field"><input type="text" class="field" value="keywords here ..." title="keywords here ..." /></span> <input type="submit" class="search-btn" value="" /> </form> </div>  </header>   <nav id="navigation"> <a href="#" class="nav-btn">HOME<span class="arr"></span></a> <ul> <li class="active"><a href="#">HOME</a></li> <li><a href="#">SERVICES</a></li> <li><a href="#">projects</a></li> <li><a href="#">solutions</a></li> <li><a href="#">jobs</a></li> <li><a href="#">blog</a></li> <li><a href="#">contacts</a></li> </ul> </nav>   <div class="m-slider"> <div class="slider-holder"> <span class="slider-shadow"></span> <span class="slider-b"></span> <div class="slider flexslider"> <ul class="slides"> <li> <div class="img-holder"> <img src="css/images/slide-img1.png" alt="" /> </div> <div class="slide-cnt"> <h2>Your Title Here</h2> <div class="box-cnt"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget augue quis lorem ipsum dolor sit amet, consectetur adipiscing elit. llus eget augue quis lorem ipsum dolor sit amet, free css templates</p> </div> <a href="#" class="grey-btn">request a demo</a> </div> </li> <li> <div class="img-holder"> <img src="css/images/slide-img2.png" alt="" /> </div> <div class="slide-cnt"> <h2>Your Title Here</h2> <div class="box-cnt"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget augue quis lorem ipsum dolor sit amet, consectetur adipiscing elit. llus eget augue quis lorem ipsum dolor sit amet, free css templates</p> </div> <a href="#" class="grey-btn">request a demo</a> </div> </li> <li> <div class="img-holder"> <img src="css/images/slide-img1.png" alt="" /> </div> <div class="slide-cnt"> <h2>Your Title Here</h2> <div class="box-cnt"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget augue quis lorem ipsum dolor sit amet, consectetur adipiscing elit. llus eget augue quis lorem ipsum dolor sit amet, free css templates</p> </div> <a href="#" class="grey-btn">request a demo</a> </div> </li> </ul> </div> </div> </div>   <div class="main"> <a href="#" class="m-btn-grey grey-btn">request a demo</a> <section class="cols"> <div class="col"> <img src="css/images/col-img1.png" alt="" /> <div class="col-cnt"> <h2>Design</h2> <p>Lorem ipsum dolor sit amet, con-<br />sectetur adipiscing dolor emor</p> <a href="#" class="more">view more</a> </div> </div> <div class="col"> <img src="css/images/col-img2.png" alt="" /> <div class="col-cnt"> <h2>Branding</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing dolor</p> <a href="#" class="more">view more</a> </div> </div> <div class="col"> <img src="css/images/col-img3.png" alt="" /> <div class="col-cnt"> <h2>Development</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing dolor</p> <a href="#" class="more">view more</a> </div> </div> <div class="cl"> </div> </section> <section class="post"> <div class="video-holder"> <img src="css/images/video-img.png" alt="" /> </div> <div class="post-cnt"> <h2>What’s in the box?</h2> <p><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit adispicing amet</strong> Cras molestie condimentum consequat. Nam leo libero, scelerisque tincidunt amet nsectetur adipiscing elit. Cras molestie condimentum nsectetur adipiscing elit. Cras molestie condimentum consequat pretium donec dictum mattis elit, nec:</p> <ul> <li><a href="#">jQuery Fader</a></li> <li><a href="#">Various column options</a></li> <li><a href="#">Valid XHTML and CSS tableless Design</a></li> <li><a href="#">Tested on Mac & PC</a></li> </ul> </div> <div class="cl"> </div> </section> <section class="testimonial"> <h2>Responsive CSS Template with jQuery Fader</h2> <p><strong class="quote">“</strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie condimentum consequat. Nam leo libero, scelerisque tincidunt commodo id, hendrerit vitae orci. Suspendisse eget nibh turpis. Sed at accumsan neque. Praesent purus eros, egestas eu tempus ut, mollis et libero”</p> <p class="author">John Doe, <strong>Company Name</strong></p> </section> </div>  <div class="socials"> <div class="socials-inner"> <h3>Follow us</h3> <ul> <li><a href="#" class="facebook-ico"><span></span>Facebook</a></li> <li><a href="#" class="twitter-ico"><span></span>Twitter</a></li> <li><a href="#" class="rss-feed-ico"><span></span>Rss-feed</a></li> <li><a href="#" class="myspace-ico"><span></span>myspace</a></li> <li><a href="#" class="john-doe-123-ico"><span></span>john.doe.123</a></li> </ul> <div class="cl"> </div> </div> </div> <div id="footer"> <div class="footer-cols"> <div class="col"> <h2>Services</h2> <ul> <li><a href="#">Web Design</a></li> <li><a href="#">Branding</a></li> <li><a href="#">Seo Optimization</a></li> <li><a href="#">Mobile App Development</a></li> </ul> </div> <div class="col"> <h2>Projects</h2> <ul> <li><a href="#">Lorem ipsum dolor </a></li> <li><a href="#">Consectetuer adipiscing</a></li> <li><a href="#">Proin sed odio et ante </a></li> <li><a href="#">Mazim sensibus et usu</a></li> </ul> </div> <div class="col"> <h2>Solutions</h2> <ul> <li><a href="#">Lorem ipsum dolor</a></li> <li><a href="#">Consectetuer adipiscing</a></li> <li><a href="#">Proin sed odio et ante </a></li> <li><a href="#">Mazim sensibus et usu</a></li> </ul> </div> <div class="col"> <h2>Partners</h2> <ul> <li><a href="#">Company Name 1</a></li> <li><a hr

评论收藏

内容反馈