<!Doctype html>
<html>
<head>
<title>Home</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--fonts-->
<link href='#css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<!--//fonts-->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- for-mobile-apps -->
<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="Dreativity 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>
<!-- //for-mobile-apps -->
<!-- js -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- js -->
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></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>
<!-- start-smoth-scrolling -->
</head>
<body>
<!-- banner -->
<div id="home" class="banner">
<div class="container">
<div class="banner-info">
<h1>Welcome to <span class="colon">:</span>Dreativity Agency</h1>
<p>Looking for clean & simple website</p>
<div class="view"><a href="#">View Portfolio</a></div>
</div>
<div class="banner-grids">
<div class="col-md-4 banner-grid text-center">
<div class="banner-left">
<ul>
<li><label> </label></li>
<li>Have a question? Call us now<span>+62 146 212 84</span> </li>
</ul>
</div>
</div>
<div class="col-md-4 banner-grid text-center">
<div class="banner-middle">
<ul>
<li><label> </label></li>
<li>We are open Mon-Fri<span>Mon - Fri 08:00 - 17:00</span> </li>
</ul>
</div>
</div>
<div class="col-md-4 banner-grid text-center">
<div class="banner-right">
<ul>
<li><label> </label></li>
<li>Need support? Drop us an email<span><a href="mail-to:sample@example.com">Support@yoursite.com</a></span></li>
</ul>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- //banner -->
<!-- navigation -->
<div class="navigation">
<div class="container">
<div class="fixed-header">
<div class="nav-left">
<a href="#"><img src="images/logo.png" alt="" /></a>
</div>
<div class="nav-right">
<span class="menu"><img src="images/menu.png" alt="" /></span>
<nav class="cl-effect-1">
<ul class="nav1">
<li><a class="scroll" href="#home">Home</a></li>
<li><a class="scroll" href="#about-us">About us</a></li>
<li><a class="scroll" href="#pricing-table">Products</a></li>
<li><a class="scroll" href="#our-team">Testimonials</a></li>
<li><a class="scroll" href="#get-in-touch">Contact</a></li>
</ul>
</nav>
<!-- script for menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.nav1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- //script for menu -->
<!-- script-for sticky-nav -->
<script>
$(document).ready(function() {
var navoffeset=$(".navigation").offset().top;
$(window).scroll(function(){
var scrollpos=$(window).scrollTop();
if(scrollpos >=navoffeset){
$(".navigation").addClass("fixed");
}else{
$(".navigation").removeClass("fixed");
}
});
});
</script>
<!-- /script-for sticky-nav -->
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- //navigation -->
<!-- our services -->
<div class="our-services">
<div class="container">
<div class="our-info text-center">
<h2><span class="highlight">OUR</span> SERVICES</h2>
<p><i>What We Do With Love</i></p>
<div class="underline">
<img src="images/underline.png" alt=" "/>
</div>
</div>
<div class="our-grids">
<div class="col-md-6 our-grid">
<div class="col-md-3 our-grid-left">
<div class="brand-image"></div>
</div>
<div class="col-md-9 our-grid-right">
<h3>Brand Identity</h3>
<p>aliquam ipsum ante morbi sed ipsum mollis. Sollicitudin viverra, vel varius eget sit mollis.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-6 our-grid">
<div class="col-md-3 our-grid-left">
<div class="bulb-image"></div>
</div>
<div class="col-md-9 our-grid-right">
<h3>UI/UX Design</h3>
<p>aliquam ipsum ante morbi sed ipsum mollis. Sollicitudin viverra, vel varius eget sit mollis.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-6 our-grid">
<div class="col-md-3 our-grid-left">
<div class="graphic-image"></div>
</div>
<div class="col-md-9 our-grid-right">
<h3>Graphic Design</h3>
<p>aliquam ipsum ante morbi sed ipsum mollis. Sollicitudin viverra, vel varius eget sit mollis.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-6 our-grid">
<div class="col-md-3 our-grid-left">
<div class="mobile-image"></div>
</div>
<div class="col-md-9 our-grid-right">
<h3>Mobile Application</h3>
<p>aliquam ipsum ante morbi sed ipsum mollis. Sollicitudin viverra, vel varius eget sit mollis.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-6 our-grid">
<div class="col-md-3 our-grid-left">
<div class="illustration-image"></div>
</div>
<div class="col-md-9 our-grid-right">
<h3>Illustration</h3>
<p>aliquam ipsum ante morbi sed ipsum mollis. Sollicitudin viverra, vel varius eget sit mollis.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-6 our-grid">
<div class="col-md-3 our-grid-left">
<div class="video-image"></div>
</div>
<div class="col-md-9 our-grid-right">
<h3>Videography</h3>
<p>aliquam ipsum ante morbi sed ipsum mollis. Sollicitudin viverra, vel varius eget sit mollis.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- //our services -->
<!-- about-us -->
<div id="about-us" class="about-us">
<div class="container">
<div class="about-info text-center">
<h2><span class="highlight">ABOUT</span> US</h2>
<h3><i>What We Do</i></h3>
<div class="underline">
<img src="images/underline2.png" alt=" "/>
</div>
<p>Lorem ipsum dolor amet, libero turpis non cras ligula, id commodo, aenean est in volutpat amet sodales,
porttitor bibendum facilisi suspendisse</p>
</div>
</div>
<div class="about-grids">
<div class="col-md-6 about-left">
<div class="about-image">
<img src="images/3.jpg" alt=" "/>
</div>
</div>
<div class="col-md-6 about-right">
<p>Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum.</p>
<div class="about-right-list">
<div class="tab1 wow bounceIn" data-wow-delay="0.4s">
<ul>
<li><span> </span></li>
<li class="text">DESIGN WITH LOVE</li>
</ul>
<p>Lorem ipsum dolor amet, libero turpis non cras ligula, id commodo, aenean est in volutpat amet sodales,
portt
夕阳西下大气单页模板是一款夕阳下的城市街头HTML网站模板.rar
需积分: 0 34 浏览量
2023-09-10
10:37:22
上传
评论
收藏 1.43MB RAR 举报
夕阳西下大气单页模板是一款夕阳下的城市街头HTML网站模板.rar （60个子文件） 
c.jpg 14KB
style.css 56KB
image-sprite1.png 7KB heart.png 362B b.jpg 22KB jquery.magnific-popup.js 45KB 10.jpg 75KB responsiveslides.min.js 3KB modernizr.custom.min.js 2KB 9.png 4KB 13.jpg 180KB arrow.png 156B menu.png 419B banner.jpg 258KB f.jpg 22KB logo.png 3KB 12.png 46KB 16.jpg 17KB 24.png 47KB a.jpg 24KB social-icons.png 4KB l.jpg 24KB 17.jpg 29KB popuo-box.css 5KB 1.png 5KB k.png 1KB left.png 368B underline.png 3KB 23.png 51KB circles.js 7KB google.png 4KB bootstrap.css 118KB d.jpg 22KB g.jpg 15KB underline3.png 1KB easing.js 5KB img-sprite.png 4KB facebook.png 3KB 8.jpg 10KB move-top.js 1KB
index.html 42KB 18.jpg 18KB arr.png 860B 11.jpg 58KB m.jpg 26KB right.png 349B 21.png 5KB jquery.mixitup.min.js 14KB 19.jpg 37KB icons.png 5KB jquery.min.js 92KB 3.jpg 48KB 7.jpg 214KB 2.png 3KB underline2.png 977B 14.png 1KB e.jpg 14KB dribble.png 4KB 22.png 38KB 4.jpg 182KB资源评论
Q_97095639
- 粉丝: 379
- 资源: 1万+
