H61国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板

共59个文件

png：20个

jpg：16个

html：8个

网站模板

css样式

前端源码

176 浏览量 2023-08-03 10:37:50 上传评论收藏 4.72MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

H61国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip （59个子文件）

H61

jquery.fancybox.js 22KB

gmap3.min.js 28KB

supersized.3.2.7.min.js 25KB

jquery.min.js 91KB

script.js 7KB

css

style.css 15KB

font

bebasneue-webfont_162a16fe.eot 27KB

bebasneue-webfont.ttf 96KB

bebasneue-webfont.woff 33KB

bebasneue-webfont.eot 27KB

index.html 685B

bebasneue-webfont.svg 82KB

responsive.css 3KB

index.html 15KB

images

hover_03.png 2KB

progress.gif 3KB

prev.png 1KB

logo.png 3KB

services_5.png 1KB

services_1.png 1KB

pattern.png 3KB

twi.png 1KB

gog.png 1KB

next.png 1KB

fancybox

blank.gif 43B

fancybox_loading.gif 4KB

fancybox_sprite.png 2KB

index.html 602B

fb.png 1KB

services_6.png 1KB

forward.png 3KB

twitter.png 2KB

back.png 3KB

facebook.png 2KB

index.html 1KB

services_4.png 1KB

services_2.png 1KB

linkedin.png 2KB

services_3.png 1KB

upload

portfolio

2.jpg 28KB

6.jpg 137KB

1.jpg 129KB

5.jpg 206KB

index.html 646B

3.jpg 279KB

4.jpg 173KB

index.html 531B

members

member-photo1.jpg 37KB

member-photo5.jpg 27KB

member-photo6.jpg 31KB

index.html 786B

member-photo4.jpg 34KB

member-photo3.jpg 25KB

member-photo2.jpg 29KB

slider

2.jpg 1.49MB

1.jpg 471KB

index.html 568B

3.jpg 754KB

4.jpg 753KB

<!doctype html> <html lang="en"> <head> <title>Prive Vcard</title> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="css/responsive.css" type="text/css" media="screen" />  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> <body>  <div id="progress-back" class="load-item"> <div id="progress-bar"></div> </div>  <a id="prevslide" class="load-item"></a> <a id="nextslide" class="load-item"></a>  <div id="container" class="clearfix">  <header> <div id="logo">  <a href="index.html"><img alt="" src="images/logo.png" /></a> </div> <div id="menu" class="clearfix">  <nav> <ul> <li><a href="#home" class="active">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#portfolio">Portfolio</a></li> <li><a href="#services">Services</a></li> <li><a href="#contact">Contact</a></li> </ul> </nav> <aside id="social-icon">  <ul> <li><a href="#"><img alt="" src="images/gog.png" /></a></li> <li><a href="#"><img alt="" src="images/twi.png" /></a></li> <li><a href="#"><img alt="" src="images/fb.png" /></a></li> </ul> </aside> </div> </header>  <div class="inner_copyright">Collect from <a href="http//www.cssmoban.com/" target="_blank" title="网页模板">网页模板</a></div>  <div id="content">  <div id="about"> <div class="inner-content clearfix"> <div id="about-scroll"> <article class="left"> <h1>Welcome</h1> <p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis</p> <blockquote>This is Photoshop's version of Lorem Ipsum. Proin gravida auctor aliquet</blockquote> <p>Lenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat.</p> </article> <article class="right"> <h1>Our Staff</h1> <div class="img-staf clearfix"> <a href="#member1" rel="our-staff"><img alt="" src="upload/members/member-photo1.jpg" /></a> <a href="#member2" rel="our-staff"><img alt="" src="upload/members/member-photo2.jpg" /></a> <a href="#member3" rel="our-staff"><img alt="" src="upload/members/member-photo3.jpg" /></a> <a href="#member4" rel="our-staff"><img alt="" src="upload/members/member-photo4.jpg" /></a> <a href="#member5" rel="our-staff"><img alt="" src="upload/members/member-photo5.jpg" /></a> <a href="#member6" rel="our-staff"><img alt="" src="upload/members/member-photo6.jpg" /></a>  <div id="member1" class="members"> <img alt="" src="upload/members/member-photo1.jpg" /> <h3>John Smith</h3> <span class="description">Front-End Developer</span> <p>Quisque ultrices sodales orci, quis rhoncus justo auctor in. Phasellus dui eros, bibendum eu feugiat ornare, faucibus eu mi. Nunc aliquet tempus sem, id aliquam diam varius ac.</p> <div class="social-box"> <a href="#" class="facebook"></a> <a href="#" class="twitter"></a> <a href="#" class="linkedin"></a> </div> </div>   <div id="member2" class="members"> <img alt="" src="upload/members/member-photo2.jpg" /> <h3>John Smith</h3> <span class="description">Front-End Developer</span> <p>Quisque ultrices sodales orci, quis rhoncus justo auctor in. Phasellus dui eros, bibendum eu feugiat ornare, faucibus eu mi. Nunc aliquet tempus sem, id aliquam diam varius ac.</p> <div class="social-box"> <a href="#" class="facebook"></a> <a href="#" class="twitter"></a> <a href="#" class="linkedin"></a> </div> </div>   <div id="member3" class="members"> <img alt="" src="upload/members/member-photo3.jpg" /> <h3>John Smith</h3> <span class="description">Front-End Developer</span> <p>Quisque ultrices sodales orci, quis rhoncus justo auctor in. Phasellus dui eros, bibendum eu feugiat ornare, faucibus eu mi. Nunc aliquet tempus sem, id aliquam diam varius ac.</p> <div class="social-box"> <a href="#" class="facebook"></a> <a href="#" class="twitter"></a> <a href="#" class="linkedin"></a> </div> </div>   <div id="member4" class="members"> <img alt="" src="upload/members/member-photo4.jpg" /> <h3>John Smith</h3> <span class="description">Front-End Developer</span> <p>Quisque ultrices sodales orci, quis rhoncus justo auctor in. Phasellus dui eros, bibendum eu feugiat ornare, faucibus eu mi. Nunc aliquet tempus sem, id aliquam diam varius ac.</p> <div class="social-box"> <a href="#" class="facebook"></a> <a href="#" class="twitter"></a> <a href="#" class="linkedin"></a> </div> </div>   <div id="member5" class="members"> <img alt="" src="upload/members/member-photo5.jpg" /> <h3>John Smith</h3> <span class="description">Front-End Developer</span> <p>Quisque ultrices sodales orci, quis rhoncus justo auctor in. Phasellus dui eros, bibendum eu feugiat ornare, faucibus eu mi. Nunc aliquet tempus sem, id aliquam diam varius ac.</p> <div class="social-box"> <a href="#" class="facebook"></a> <a href="#" class="twitter"></a> <a href="#" class="linkedin"></a> </div> </div>   <div id="member6" class="members"> <img alt="" src="upload/members/member-photo6.jpg" /> <h3>John Smith</h3> <span class="description">Front-End Developer</span> <p>Quisque ultrices sodales orci, quis rhoncus justo auctor in. Phasellus dui eros, bibendum eu feugiat ornare, faucibus eu mi. Nunc aliquet tempus sem, id aliquam diam varius ac.</p> <div class="social-box"> <a href="#" class="facebook"></a> <a href="#" class="twitter"></a> <a href="#" class="linkedin"></a> </div> </div>  </div> </article> </div> </div> </div>   <div id="portfolio"> <article id="portfolio-list" class="inner-content clearfix"> <h1>Our Portfolio</h1> <div id="portfolio-scroll"> <ul> <li><a href="upload/portfolio/1.jpg" class="image" rel="gallery" title="Image 1"><img alt="" src="upload/portfolio/1.jpg" /></a></li> <li><a href="http//www.youtube.com/embed/L9szn1QQfas?autoplay=1" class="video" title="Video 1"><img alt="" src="upload/portfolio/2.jpg" /></a></li> <li><a href="upload/portfolio/3.jpg" class="image" rel="gallery" title="Image 3"><img alt="" src

评论收藏

内容反馈