<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Ruddy Website Template | Home :: w3layouts</title>
<link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="./js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="./css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!---- animated-css ---->
<link href="./css/animate.css" rel="stylesheet" type="text/css" media="all">
<script type="text/javascript" src="./js/jquery.corner.js"></script>
<script src="./js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<!---- animated-css ---->
<!---- 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---->
<!----webfonts--->
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'>
<!---//webfonts--->
<!----start-top-nav-script---->
<script>
$(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
<!----//End-top-nav-script---->
</head>
<body>
<div class="bg">
<!----- start-header---->
<div class="container">
<div id="home" class="header wow bounceInDown" data-wow-delay="0.4s">
<div class="top-header">
<div class="logo">
<a href="#">Ruddy</a>
</div>
<!----start-top-nav---->
<nav class="top-nav">
<ul class="top-nav">
<li><a href="#about" class="scroll">about</a></li>
<li><a href="#process" class="scroll">process</a></li>
<li><a href="#port" class="scroll">portfolio</a></li>
<li class="page-scroll"><a href="#contact" class="scroll">contact</a></li>
<li class="active-join" class="page-scroll"><a href="#team" class="scroll">join us</a></li>
</ul>
<a href="#" id="pull"><img src="./images/nav-icon.png" title="menu" /></a>
</nav>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!----- //End-header---->
<!---- banner-info ---->
<div class="banner-info">
<div class="container">
<h1 class="wow fadeIn" data-wow-delay="0.5s"><span>we are</span><br /><label>marketing agency</label></h1>
<div class="top-banner-grids wow bounceInUp" data-wow-delay="0.4s">
<div class="banner-grid text-center">
<span class="top-icon1"> </span>
<h3>analytics</h3>
</div>
<div class="banner-grid banner-grid-active text-center">
<span class="top-icon2"> </span>
<h3>strategy</h3>
</div>
<div class="banner-grid text-center">
<span class="top-icon3"> </span>
<h3>branding</h3>
</div>
<div class="banner-grid text-center">
<span class="top-icon4"> </span>
<h3>promotion</h3>
</div>
<div class="banner-grid text-center">
<span class="top-icon5"> </span>
<h3>sales</h3>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
<!---- banner-info ---->
<!---- top-grids ---->
<div class="top-grids text-center">
<div class="container">
<div class="col-md-3 wow bounceIn" data-wow-delay="0.4s">
<div class="top-grid">
<span class="icon1"> </span>
<h3><a href="#">right strategy</a></h3>
<label> </label>
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin,</p>
</div>
</div>
<div class="col-md-3 wow bounceIn" data-wow-delay="0.4s">
<div class="top-grid">
<span class="icon2"> </span>
<h3><a href="#">adaptive style</a></h3>
<label> </label>
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin,</p>
</div>
</div>
<div class="col-md-3 wow bounceIn" data-wow-delay="0.4s">
<div class="top-grid">
<span class="icon3"> </span>
<h3><a href="#">money making</a></h3>
<label> </label>
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin,</p>
</div>
</div>
<div class="col-md-3 wow bounceIn" data-wow-delay="0.4s">
<div class="top-grid">
<span class="icon4"> </span>
<h3><a href="#">brand keaping</a></h3>
<label> </label>
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin,</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!---- top-grids ---->
<!---- about ---->
<div id="about" class="about">
<div class="head-section">
<div class="container">
<h3><span>about</span><label>ruddy .</label></h3>
</div>
</div>
<!--- about-grids ---->
<div class="about-grids">
<div class="col-md-4 about-grid about-grid1 wow fadeInLeft" data-wow-delay="0.4s">
<div class="about-grid-info">
<h4><a href="#">this is a point about the company</a></h4>
<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 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 </p>
</div>
<div class="about-grid-pic">
<img src="./images/about-pic1.jpg" title="name" />
</div>
</div>
<div class="col-md-4 about-grid about-grid2 wow fadeInUp" data-wow-delay="0.4s">
<div class="about-grid-pic">
<img src="./images/about-pic2.jpg" title="name" />
</div>
<div class="about-grid-info">
<h4><a href="#">this is a point about the company</a></h4>
<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 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 </p>
</div>
</div>
<div class="col-md-4 about-grid about-grid1 wow fadeInRight" data-wow-delay="0.4s">
<div class="about-grid-info">
<h4><a href="#">this is a point about the company</a></h4>
<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 sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet ma
创意营销计划公司网页模板_html5 bootstrap 响应式模板UI前端源码.rar
108 浏览量
2023-08-01
14:03:06
上传
评论
收藏 4.2MB RAR 举报
创意营销计划公司网页模板_html5 bootstrap 响应式模板UI前端源码.rar （115个子文件） 
bootstrap.css 118KB animate.css 67KB animate.css 67KB style.css 25KB style.css 20KB style.css 12KB owl.carousel.css 8KB owl.carousel.css 8KB
index.html 28KB index.html 20KB index.html 10KB
bg.jpg 978KB bg.jpg 158KB portpic8.jpg 124KB portpic8.jpg 124KB portpic5.jpg 121KB portpic5.jpg 121KB process-bg.jpg 116KB process-bg.jpg 116KB b3.jpg 114KB b3.jpg 114KB portpic9.jpg 100KB portpic9.jpg 100KB about-pic1.jpg 96KB about-pic1.jpg 96KB about-pic3.jpg 91KB about-pic2.jpg 83KB about-pic2.jpg 83KB portpic1.jpg 81KB portpic1.jpg 81KB portpic3.jpg 79KB portpic3.jpg 79KB b4.jpg 78KB portpic2.jpg 78KB portpic2.jpg 78KB portpic7.jpg 73KB portpic7.jpg 73KB portpic4.jpg 61KB portpic4.jpg 61KB b1.jpg 59KB b1.jpg 59KB portpic6.jpg 59KB portpic6.jpg 59KB b2.jpg 57KB bg.jpg 21KB process-grid-bg.jpg 19KB process-grid-bg.jpg 19KB process-grid-bg.jpg 19KB b3.jpg 18KB p-bg2.jpg 12KB p-bg2.jpg 12KB p-bg2.jpg 12KB about-pic1.jpg 12KB p-bg3.jpg 11KB p-bg3.jpg 11KB p-bg3.jpg 11KB p-bg4.jpg 10KB p-bg4.jpg 10KB p-bg4.jpg 10KB p-bg1.jpg 10KB p-bg1.jpg 10KB p-bg1.jpg 10KB about-pic2.jpg 10KB b1.jpg 9KB portpic2.jpg 8KB portpic1.jpg 8KB process-bg.jpg 5KB jquery.min.js 94KB jquery.min.js 94KB owl.carousel.js 37KB owl.carousel.js 37KB jquery.mixitup.min.js 14KB jquery.mixitup.min.js 14KB jquery.corner.js 11KB jquery.corner.js 11KB wow.min.js 5KB wow.min.js 5KB easing.js 5KB easing.js 5KB move-top.js 1KB move-top.js 1KB
team-member2.png 49KB team-member2.png 49KB team-member1.png 48KB team-member1.png 48KB team-member3.png 40KB team-member3.png 40KB icons.png 24KB icons.png 24KB icons.png 15KB process-icons.png 9KB process-icons.png 9KB process-icons.png 9KB top-icons.png 7KB top-icons.png 5KB top-icons.png 5KB footer-logo.png 4KB footer-logo.png 3KB footer-logo.png 3KB divice-pagenations.png 1KB共 115 条
- 1
- 2
资源评论
