【免费】基于HTML+CSS+JavaScript制作城市展示宣传网站设计毕业论文源码

共71个文件

png：27个

jpg：22个

js：16个

html

javascript

毕业设计

需积分: 0 120 浏览量 2023-06-05 09:16:38 上传评论 2 收藏 2.12MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

城市鸟瞰.rar （71个子文件）

城市鸟瞰

jquery.magnific-popup.js 45KB

jquery.prettyPhoto.js 34KB

nivo-lightbox.min.js 7KB

jquery-latest.min.js 91KB

jquery.isotope.min.js 16KB

modernizr.js 15KB

jquery.stellar.min.js 12KB

easing.js 5KB

move-top.js 1KB

jquery.sticky.js 4KB

modernizr.custom.js 8KB

owl.carousel.js 37KB

custom.js 4KB

jquery.flexisel.js 8KB

jquery.singlePageNav.js 5KB

scripts.js 3KB

css

style.css 27KB

owl.carousel.css 12KB

magnific-popup.css 15KB

prettyPhoto.css 3KB

index.html 40KB

images

StumbleUpon.png 4KB

pf-1.jpg 19KB

Behance.png 4KB

Dribbble.png 4KB

member-1.jpg 18KB

2.jpg 20KB

logo1.png 1KB

iconset.png 21KB

down.png 1KB

client4.png 3KB

Twitter.png 4KB

client1.png 3KB

Linkedin.png 3KB

prev.png 3KB

pf-2.jpg 20KB

top_move.png 463B

c-arrows.png 1KB

menu.png 262B

6.jpg 19KB

logo.png 6KB

Foursquare.png 4KB

1.jpg 17KB

bg1.jpg 252KB

pattern.png 118B

Google.png 4KB

next.png 3KB

lg.png 828B

pf-9.jpg 21KB

5.jpg 18KB

bg.jpg 415KB

pf-6.jpg 16KB

hot.png 489B

pf-10.jpg 19KB

pf-8.jpg 14KB

pf-5.jpg 24KB

RoranPreview.jpg 796KB

pf-3.jpg 21KB

slider2.jpg 441KB

Facebook.png 3KB

close.png 3KB

top.png 814B

client3.png 6KB

client2.png 4KB

bg2.jpg 91KB

socil.png 2KB

pf-7.jpg 19KB

3.jpg 17KB

pf-4.jpg 18KB

loader.gif 2KB

4.jpg 16KB

<!DOCTYPE HTML> <html> <head> <title>The roran Website Template | Home</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link href='http//fonts.googleapis.com/css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <link rel="stylesheet" type="text/css" href="css/magnific-popup.css"> <link rel="stylesheet" type="text/css" href="css/prettyPhoto.css"> <script src="js/jquery.min.js"></script> </head> <body>  <div class="header"> <header id="home"> <div class="bg_mask"> <div class="wrap clearfix"> <div class="logo1"><img src="images/logo.png" alt="title" /></div> <h1>Free Responsive Mobile Website Templates</h1> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> <h6> </h6> <a href="#about" class="button scroll"><img src="images/down.png"></a> <div class="clear"> </div> </div> </div> </header> </div> <nav class="nav_wrapper"> <div class="wrap"> <div class="logo"><img src="images/logo1.png" alt="logo" /></div> <a href="#" class="header_toggle">Menu</a> <ul class="navigation"> <li class="scroll"><a href="#home">Home</a></li> <li class="scroll"><a href="#about">About</a></li> <li class="scroll"><a href="#services">Service</a></li> <li class="scroll"><a href="#team">Team</a></li> <li class="scroll"><a href="#portfolio">Portfolio</a></li> <li class="scroll"><a href="#contact">Contact</a></li> <div class="clear"> </div> </ul> <div class="social_icons"> <ul> <li class="in"><a href="#"><span> </span></a></li> <li class="pro"><a href="#"><span> </span></a></li> <li class="twitter"><a href="#"><span> </span></a></li> <li class="facebook"><a href="#"><span> </span></a></li> </ul> </div> <div class="clear"> </div> </div> </nav>  <script src="js/jquery-latest.min.js"></script> <script type="text/javascript" src="js/modernizr.js"></script> <script type="text/javascript" src="js/jquery.stellar.min.js"></script> <script type="text/javascript" src="js/jquery.singlePageNav.js"></script> <script type="text/javascript" src="js/jquery.sticky.js"></script> <script type="text/javascript" src="js/scripts.js"></script>   <div class="about" id="about"> <div class="wrap"> <h2>About Roran<span>.</span></h2> <h4>Lorem Ipsum is simply</h4> <h6> </h6> <p class="para_a">Lorem ipsum dolor sit amet, consectetur adipisicing elit, vulputate,vehicula nisi vitae,lobortis ante.praesent sodales iaculis ultricies</p>  <div class="top-grids"> <div class="top-grid"> <a class="icon monitor" href="#"> </a> <a href="#">Some fancy<span>colors</span> </a> <p>Lorem ipsum dolor sit amet, consctetur adipisicing elit, sed do eiusmod.sunt in culpa qui officia deserunt mollit anim id est laborum.</p> </div> <div class="top-grid"> <a class="icon target" href="#"> </a> <a href="#">Enough <span>coffee breaks</span></a> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.sunt in culpa qui officia deserunt mollit anim id est laborum.</p> </div> <div class="top-grid"> <a class="icon event" href="#"> </a> <a href="#">A little bit of <span>magic</span></a> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.sunt in culpa qui officia deserunt mollit anim id est laborum.</p> </div> <div class="clear"> </div> </div>  </div> <div class="grids-of_4"> <div class="wrap"> <div class="grid_of_1"> <a class=" icon cup" href="#"> </a> <div class="sub_grid"> <span>1085</span> <p>Empty cup</p> </div> <div class="clear"> </div> </div> <div class="grid_of_1"> <a class=" icon smill" href="#"> </a> <div class="sub_grid"> <span>1085</span> <p>Empty cup</p> </div> <div class="clear"> </div> </div> <div class="grid_of_1"> <a class=" icon meeting" href="#"> </a> <div class="sub_grid"> <span>1085</span> <p>Empty cup</p> </div> <div class="clear"> </div> </div> <div class="grid_of_1"> <a class=" icon parties" href="#"> </a> <div class="sub_grid"> <span>1085</span> <p>Empty cup</p> </div> <div class="clear"> </div> </div> <div class="clear"> </div> </div> </div> <div class="clients"> <div class="bg_mask1"> <div class="wrap"> <h3>Some of our clients</h3> <h4>We<img src="images/hot.png">every single one</h4> <h6> </h6> <div class="clients_img"> <ul id="flexiselDemo3"> <li><img src="images/client1.png" /></li> <li><img src="images/client2.png" /></li> <li><img src="images/client3.png" /></li> <li><img src="images/client4.png" /></li> <li><img src="images/client1.png" /></li> <li><img src="images/client2.png" /></li> <li><img src="images/client3.png" /></li> </ul> <script type="text/javascript" src="js/jquery.flexisel.js"></script> <script type="text/javascript"> $(window).load(function() { $("#flexiselDemo3").flexisel({ visibleItems: 5, animationSpeed: 1000, autoPlay: true, autoPlaySpeed: 3000, pauseOnHover: true, enableResponsiveBreakpoints: true, responsiveBreakpoints: { portrait: { changePoint:480, visibleItems: 1 }, landscape: { changePoint:640, visibleItems: 2 }, tablet: { changePoint:768, visibleItems: 3 } } }); }); </script> </div> </div> </div> </div> </div>   <div class="services" id="services"> <h3 class="heading"> Our Services</h3> <p class="desc">With Passion & Experience</p> <h6> </h6> <div class="wrap"> <div class="service_grids"> <div class="grid1"> <a class="icon system" href="#"> </a> <div class="grid_sub"> <h3>Dictum tincidunt<span>diam</span></h3> <h6> </h6> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.sunt in culpa qui officia deserunt mollit anim id est laborum.</p> </div> <div class="clear"> </div> </div> <div class="grid1"> <a class="icon tools" href="#"> </a> <div class="grid_sub"> <h3>Dictum tincidunt<span>diam</span></h3> <h6> </h6> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.sunt in culpa qui officia deserunt mollit anim id est laborum.</p> </div> <div class="clear"> </div> </div> <div class="grid1"> <a class="icon mobile" href="#"> </a> <div class="grid_sub"> <h3>Dictum tincidunt<span>diam</span></h3> <h6> </h6> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.sunt in culpa qui officia deserunt mollit anim id est laborum.</p> </div> <div class="clear"> </div> </div> <div class="grid1"> <a class="icon monitor" href="#"> </a> <div class="grid_sub"> <h3>Dictum tincidunt<span>diam</span></h3> <h6> </h6> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.sunt in culpa qui officia deserunt mollit anim id est laborum.</p> </div> <div class="clear"> </div> </div> <div class="grid1"> <a class="icon smonitor" href="#"> </a> <div class="grid_sub"> <h3>Dictum tincidunt<span>diam</span></h3> <h6> </h6> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do ei

评论收藏

内容反馈