You are on page 1of 7

1

2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

9/ 1/ 2016

<!-- templatemo 374 responsive -->
<!-Responsive Template
http://www.templatemo.com/preview/templatemo_374_responsive
-->
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.
0">
<title>Responsive Bootstrap Template - templatemo.com</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="templatemo_style_fix_menu.css" rel="stylesheet" type="
text/css">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet" type=
"text/css">
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.1.1/css/
font-awesome.css" rel="stylesheet" type="text/css">
<link href="templatemo_style.css" rel="stylesheet" type="text/css">
<!-- HTML 5 shim for IE backwards compatibility -->
<!-- [if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
</head>
<body>
<header>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="
collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="#">Responsive</a>
<nav class="nav-collapse collapse">
<ul class="nav pull-right">
<li class="active"><a href="index.html">Home</a></li>
1

html">Portfolio</a></li> <li><a href="blog.html">Blog</a></li> <li><a href="contact.39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 9/ 1/ 2016 <li><a href="about.com</p> </div> </div> <div class="item"><img src="images/slide02.</a> <a class="right carousel-control" href="# 2 .html">Contact</a></li> <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Affiliates <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#">Free CSS Templates</a></li> <li><a href="#">Free Flash Stuffs</a></li> <li><a href="#">Flash Web Gallery</a></li> </ul> </li> </ul> </nav> </div> </div> </div> </header> <section class="container" id="carousel_container"> <div class="row"> <div class="span12"> <div id="artCarousel" class="carousel slide"> <ol class="carousel-indicators"> <li data-target="#artCarousel" data-slide-to="0" class=" active"></li> <li data-target="#artCarousel" data-slide-to="1"></li> <li data-target="#artCarousel" data-slide-to="2"></li> </ol> <div class="carousel-inner"> <div class="item active"><img src="images/slide01.jpg" alt=" Model 2"></div> <div class="item"><img src="images/slide03.html">About</a></li> <li><a href="portfolio.jpg" alt=" Model 3"></div> </div> <a class="left carousel-control" href="#artCarousel" dataslide="prev">&lsaquo.jpg" alt="Model 1"> <div class="carousel-caption"> <h4>Website Templates</h4> <p>Download free templates from templatemo.

Cras justo odio. tortor mauris condimentum nibh. Nullam id dolor id nibh ultricies vehicula ut id elit. egestas eget quam. Praesent commodo cursus magna. tellus ac cursus commodo.9/ 1/ 2016 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 artCarousel" data-slide="next">&rsaquo. porta ac consectetur ac.</p> <p><a class="btn btn-danger" href="#">View details &raquo. dapibus ac facilisis in.2</h3> <p>Donec sed odio dui. vel scelerisque nisl consectetur et.</a> </p> </article> <article class="span4"> <h3>Bootstrap 2.3.</a> </p> </article> <article class="span4"> <h3>HTML5 CSS3</h3> <p>Duis mollis. est non commodo luctus. nisi erat porttitor ligula.</a> </p> </article> </div> <hr class="featurette-divider"> <article class="row"> <div class="span12"> <img class="img-rounded featurette-image pull-right" src=" images/01. Fusce dapibus. Etiam porta sem malesuada magna mollis euismod. ut fermentum massa justo sit amet risus.</p> <p><a class="btn btn-danger" href="#">View details &raquo. < span class="muted">Morbi. 3 .</p> <p><a class="btn btn-danger" href="#">View details &raquo.jpg" style="margin-left: 30px" alt="Model 4"> <h3 class="featurette-heading">Vivamus eget mauris diam.</a> </div> </div> </div> </section> <section class="container marketing"> <div class="row"> <article class="span4"> <h3>Responsive Layout</h3> <p>Donec sed odio dui. ut fermentum massa justo sit amet risus. tellus ac cursus commodo. Cras mattis consectetur purus sit amet fermentum. Morbi leo risus. eget lacinia odio sem nec elit. Vestibulum id ligula porta felis euismod semper. vestibulum at eros. tortor mauris condimentum nibh.</span></h3> <p>Donec ullamcorper nulla non metus auctor fringilla. Fusce dapibus.

vel scelerisque nisl consectetur.</p> </div> </article> </section> <footer> <div class="container"> <div id= "latest" class="row"> <section class="span4 rp_box_wrapper"> <h4>Latest Blog Posts <i class="icon-pencil icon-white"></i> </h4> <article class="rp_box"> <a href="#"><img src="images/templatemo_image_04.</span></h3> <p>Donec ullamcorper nulla non metus auctor fringilla.jpg" style="margin-right: 20px" alt="Model 5"> <h3 class="featurette-heading">Donec pellentesque posuere. vel scelerisque nisl consectetur. ultricies et lobortis rutrum. Vestibulum id ligula porta felis euismod semper.</span></h3> <p>Donec ullamcorper nulla non metus auctor fringilla.jpg" style="margin-left: 30px" alt="Model 6"> <h3 class="featurette-heading">Praesent rhoncus elit sit amet. vel scelerisque nisl consectetur.</p> </div> </article> <hr class="featurette-divider"> <article class="row"> <div class="span12"> <img class="img-rounded featurette-image pull-right" src=" images/03. < span class="muted">Quisque in sapien hendrerit. Praesent commodo cursus magna. tellus ac cursus commodo. 4 . Praesent commodo cursus magna. tellus ac cursus commodo. Praesent commodo cursus magna.png" alt= "image 4" class="img-rounded"/></a> <div class="date">May 24. Fusce dapibus. Vestibulum id ligula porta felis euismod semper.9/ 1/ 2016 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 Vestibulum id ligula porta felis euismod semper.</p> </div> </article> <hr class="featurette-divider"> <article class="row"> <div class="span12"> <img class="img-rounded featurette-image pull-left" src=" images/02. Fusce dapibus. tellus ac cursus commodo. Fusce dapibus. 2072</div> <a href="#">Sed quam lorem. <span class="muted">Dictum ullamcorper.

ly/13IwZO</a> </li> <li>Proin dignissim.io" target=" _blank">Font Awesome</a></li> <li>Validate <a href="http://validator.</li> <li>Fusce cursus consectetur ultricies <a href="#"># freetemplate</a> uis nisl lectus. Aenean tincidunt massa in tellus varius ultricies. 2072</div> <a href="#">Duis vestibulum libero accumsan lorem varius tristique.9/ 1/ 2016 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 tristique id lorem. <a href="http://jigsaw.org/check?uri= referer" rel="nofollow">HTML</a> &amp.png" alt= "image 5" class="img-rounded"/></a> <div class="date">May 20.io</a></li> <li>Icons by <a href="http://fontawesome.</a> </article> <article class="rp_box"> <a href="#"><img src="images/templatemo_image_05.w3. 2072</div> <a href="#">Class aptent taciti sociosqu ad litora torquent per conubia.io/minimalmonkey/details/Ecpla" target="_blank"> codepen. fermentum sed erat. mattis ut elementum id. </li> <li>Sexy social buttons by Stephen Burgess on <a href=" http://codepen.org/ css-validator/check/referer" rel="nofollow">CSS</a></li> </ul> <br /> 5 .w3.</a> </article> </section> <section class="span4 rp_box_wrapper"> h4> <h4>Latest Tweets <i class="icon-twitter icon-white"></i></ <ul class="twitter_post"> <li>Suspendisse at scelerisque urna. <a href="#">http://bit. ac imperdiet ante purus in justo. diam nec <a href="#">@TemplateMo</a> enim lorem tempus orci.png" alt= "image 6" class="img-rounded"/></a> <div class="date">May 16.</a> </article> <article class="rp_box"> <a href="#"><img src="images/templatemo_image_06.

com</a> </address> </section> </div> <div class="credit"> <p id="templatemo_cr_bar"> Copyright © 2072 <a href="#">Your Company Name</a> </p> </div> </div> 6 . 22440<br> Sit amet tortor<br /> <abbr title="Phone">Phone:</abbr> <a href="tel:020-040-0240" title="give us a call">020-040-0240</a><br> <abbr title="Email">Email:</abbr> <a href="mailto:info@ company.159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 9/ 1/ 2016 <div class="social_buttons"> <a href="#" class="icon-button twitter"><i class="icontwitter"></i><span></span></a> <a href="#" class="icon-button facebook"><i class="iconfacebook"></i><span></span></a> <a href="#" class="icon-button google-plus"><i class="icongoogle-plus"></i><span></span></a> </div> </section> <section class="span4 rp_box_wrapper"> <h4>Contact Us <i class="icon-envelope icon-white"></i></h4> <form> <input name="fullname" type="text" id="fullname" placeholder="Name" maxlength="30" /> <input name="email" type="text" id="email" placeholder=" Email" maxlength="30" /> <textarea rows="3" placeholder="Message"></textarea> <p><button type="submit" class="btn">Submit</button></p> </form> <address> <strong>Responsive</strong><br> 222-444 Aliquam semper dignissim.com">info@company.<br> Fusce cursus turpis lacus.

195 196 197 198 199 200 201 202 203 204 205 206 9/ 1/ 2016 </footer> <script src="http://code.carousel({ interval: 4000.jquery.com/jquery-latest.js"></script> <script src="js/bootstrap. cycle: true }).min.js"></script> <script> $('#artCarousel'). </script> </body> </html> 7 .