Testimonios 1

<!
--
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>Ship Industry A Industrial Category Flat Bootstrap Responsive Website
Template | Blogpost :: W3layouts</title>
<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="Ship Industry Responsive web template, Bootstrap Web
Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG,
SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function()
{ setTimeout(hideURLbar, 0); }, false); function hideURLbar()
{ window.scrollTo(0,1); } </script>

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.2/css/font-
awesome.min.css" media="all" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800'
rel='stylesheet' type='text/css'>


<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"
media="all" />
<link href="css/typo.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/portfolio.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/serv.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/nav.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>


<script src="js/modernizr.custom.js"></script>

</head>
<body>

<header>
<div class="col-lg-4 col-md-4 col-sm-4">
<p class="text-blanco text--xs mb-0">
<i style="font-size:14px; color:#a09d9c;" class="fa"></i>
<span class="bold-w">EC : </span>
<a href="tel:099-801-0112" style="color: inherit;">+593 99 801
0112</a>
</p>
</div>
<ul class="ul_idioma">
<a href="https://drlinatriana.com" class="">

<img src="https://drlinatriana.com/wp-content/themes/dr-lina-
triana/images/es_ES.svg" border="0">
</a>
<a href="https://drlinatriana.com/en/" class="">
<img src="https://drlinatriana.com/wp-content/themes/dr-lina-
triana/images/en_US.svg" border="0">
</a>
</ul>
</header>


<section class="inner-banner">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h2 class="page-header text-center">Our Blog Post</h2>
</div>
</div>
</div>
</section>


<section class="navigation">
<div class="row">
<div class="col-lg-5 col-md-5 col-sm-5 nav-w3ls1">
<div class="logo">
<a href="index.html" class="logo-w3ls"><h1>Ship
Industry</h1></a>
</div>
</div>
<div class="col-lg-7 col-md-7 col-sm-7 nav-w3ls2">
<div class="main clearfix">
<nav id="menu" class="nav">
<ul>
<li class="active">
<a href="index.html">
<span class="icon"><i aria-
hidden="true" class="icon-home"></i></span>
<span>Home</span>
</a>
</li>
<li>
<a href="service.html">
hidden="true" class="icon-services"></i></span>
<span>Services</span>
</a>
</li>
<li>
<a href="portfolio.html">
hidden="true" class="icon-portfolio"></i></span>
<span>Portfolio</span>
</a>
</li>
<li>
<a href="typo.html">
hidden="true" class="icon-team"></i></span>
<span>Typography</span>
</a>
</li>
<li>
<a href="contacto.php">
hidden="true" class="icon-contact"></i></span>
<span>Contact</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</section>

<section class="page-crumb">
<div class="row">
<div class="col-lg-12">
<ol class="breadcrumb">
<li><a href="index.html">Home</a>
</li>
<li class="active">Blog Post</li>
</ol>
</div>
</div>
</div>
</section>
<section class="blog-post">


<div class="row">


<h3 class="blogpost-title w3layouts w3 w3l w3ls
agileits">Lorem Ipsum Dolor Sit Amet</h3>

<hr>
<p class="blogpost-w3ls w3layouts w3 w3l w3ls agileits"><i
class="fa fa-clock-o"></i> Posted on July 28, 2016 at 9:00 PM</p>
<hr>


<div class="hover01 column">
<div>
<figure><img class="img-responsive blogpost-
img-w3ls" src="images/blog-img.jpg" alt="w3layouts" title="w3layouts"></figure>
</div>
</div>
<hr>


<p class="lead agileinfo wthree w3-agileits agileits-
w3layouts">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus, vero,
obcaecati, aut, error quam sapiente nemo saepe quibusdam sit excepturi nam quia
corporis eligendi eos magni recusandae laborum minus inventore?</p>
<p class="blogpost-agile agileinfo wthree w3-agileits agileits-
w3layouts agile w3-agile">Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
since the 1500s, when an unknown printer took a galley of type and scrambled it to
make a type specimen book. It has survived not only five centuries, but also the
leap into electronic typesetting, remaining essentially unchanged. It was
popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
passages, and more recently with desktop publishing software like Aldus PageMaker
including versions of Lorem Ipsum.</p>
<p class="blogpost-agile agile w3-agile">Lorem ipsum dolor sit
amet, consectetur adipisicing elit. Error, nostrum, aliquid, animi, ut quas placeat
totam sunt tempora commodi nihil ullam alias modi dicta saepe minima ab quo
voluptatem obcaecati?</p>
<hr>



<div class="well">
<h4>Leave a Comment:</h4>
<form action="#" method="post">
<div class="form-group">
<textarea class="form-control" rows="3" id="comments"
name="comments"></textarea>
</div>
<button type="submit" class="btn btn-
primary">Submit</button>
</form>
</div>
<hr>


.

<div class="media">
<a class="pull-left" href="#">
<div>
<figure><img class="media-object"
src="images/blog-img1.jpg" alt="w3layouts" title="w3layouts"></figure>
</div>
</div>
</a>
<div class="media-body">
<h4 class="media-heading">Ship Industry
<small>July 28, 2016 at 9:30 PM</small>
</h4>
<p class="blogpost-agileits">Cras sit amet nibh libero, in
gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus
odio, vestibulum in vulputate at, tempus viverra turpis.</p>
</div>
</div>


<div class="media">
<div>
<figure><img class="media-object"
src="images/blog-img2.jpg" alt="w3layouts" title="w3layouts"></figure>
</div>
</div>
</a>
<h4 class="media-heading">Ship Industry
</h4>
<p class="blogpost-agileits">Cras sit amet nibh libero, in
gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus
odio, vestibulum in vulputate at, tempus viverra turpis.</p>

<div class="media">
<div>
<figure><img
class="media-object" src="images/blog-img3.jpg" alt="w3layouts"
title="w3layouts"></figure>
</div>
</div>
</a>
<h4 class="media-heading">Nested Ship Industry
</h4>
<p class="blogpost-agileits">Cras sit amet nibh
libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo.
Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
</div>
</div>

</div>
</div>
</div>


<div class="col-md-4 blog-post-w3layouts">

<div class="well blog-post-agileits">
<h4 class="blogpost-w3lsagile">Blog Search</h4>
<div class="input-group">
<input type="text" class="form-control"
id="search" placeholder="Search" required/>
<span class="input-group-btn">
<button class="btn btn-default"
type="submit" ><i class="fa fa-search"></i></button>
</span>
</div>
</form>

</div>

<h4 class="blogpost-w3lsagile">Blog Categories</h4>
<div class="row">
<ul class="list-unstyled">
<li><a href="#"><span class="fa fa-
hand-o-right" aria-hidden="true"></span>Lorem Ipsum Dolor</a></li>
hand-o-right" aria-hidden="true"></span>Sit Amet Consectetur</a></li>
hand-o-right" aria-hidden="true"></span>Adipiscing Elit</a></li>
hand-o-right" aria-hidden="true"></span>Sed Ipsum Odio</a></li>
hand-o-right" aria-hidden="true"></span>Ultrices Pretium Nec</a></li>
hand-o-right" aria-hidden="true"></span>Pulvinar Ut Turpis</a></li>
</ul>
</div>
</div>

</div>

<h4>Side Widget Well</h4>
<p>Lorem ipsum dolor sit amet, consectetur
adipisicing elit. Inventore, perspiciatis adipisci accusamus laudantium odit
aliquam repellat tempore quos aspernatur vero.</p>
</div>
</div>
</div>

<hr>
</div>

</section>

<section class="footer">
<div class="row">
<div class="col-lg-4 col-md-4 footer-w3ls1">
<h3>About Us</h3>
<p class="footer-p1">Lorem Ipsum is simply dummy text of
the printing and typesetting industry. Lorem Ipsum has been the industry's standard
dummy text ever since the 1500s, when an unknown printer took a galley of type and
scrambled it to make a type specimen book. </p>
the printing and typesetting industry.</p>
</div>
<h3>Subscribe</h3>
the printing and typesetting industry.</p>
<div class="sub-w3ls">
<label for="inputEmail1" class="col-lg-4
control-label"></label>
<input type="email" name="email"
class="form-control" id="inputEmail1" placeholder="Email" required>
</div>
<button type="submit" class="btn-
outline">Subscribe</button>
</div>
</form>
</div>
</div>
<h3>Our Social Links</h3>
<ul class="social-icons">
<li><a href="#"><i class="fa fa-
facebook"></i>Facebook</a></li>
twitter"></i>Twitter</a></li>
linkedin"></i>Linkedin</a></li>
<li><a href="#"><i class="fa fa-google-
plus"></i>Googleplus</a></li>
</ul>
</div>
</div>
<hr>
<div class="row">
<div class="col-lg-7 copy-w3ls1">
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="service.html">Services</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="typo.html">Typography</a></li>
<li><a href="contacto.html">Contact</a></li>
</ul>
</div>
<div class="col-lg-5 copy-w3ls2">
<p class="copyright">© 2016 Ship Industry. All rights
reserved | Design by <a href="http://w3layouts.com/"
target="_blank">W3layouts</a></p>
</div>
</div>
</div>
</section>


<a href="#0" class="cd-top">Top</a>


<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/SmoothScroll.min.js"></script>

<script src="js/top.js"></script>


<script>
// The function to change the class
var changeClass = function (r,className1,className2) {
var regex = new RegExp("(?:^|\\s+)" + className1 +
"(?:\\s+|$)");
if( regex.test(r.className) ) {
r.className = r.className.replace(regex,'
'+className2+' ');
}
else{
r.className = r.className.replace(new
RegExp("(?:^|\\s+)" + className2 + "(?:\\s+|$)"),' '+className1+' ');
}
return r.className;
};
// Creating our button in JS for smaller screens

var menuElements = document.getElementById('menu');
menuElements.insertAdjacentHTML('afterBegin','<button
type="button" id="menutoggle" class="navtoogle" aria-hidden="true"><i aria-
hidden="true" class="icon-menu"> </i> Menu</button>');
// Toggle the class on click to show / hide the menu

document.getElementById('menutoggle').onclick = function() {
changeClass(this, 'navtoogle active', 'navtoogle');
}
// http://tympanus.net/codrops/2013/05/08/responsive-retina-
ready-menu/comment-page-2/#comment-438918
document.onclick = function(e) {
var mobileButton = document.getElementById('menutoggle'),
buttonStyle = mobileButton.currentStyle ?
mobileButton.currentStyle.display : getComputedStyle(mobileButton, null).display;
if(buttonStyle === 'block' && e.target !== mobileButton &&

new RegExp(' ' + 'active' + ' ').test(' ' + mobileButton.className + ' ')) {
changeClass(mobileButton, 'navtoogle active',
'navtoogle');
}
}
</script>

<div class="btn-whatsapp">
<a href="https://api.whatsapp.com/send?phone=593983916571"
target="_blank">
<img src="images/btn-whatsapp.png" alt="">
</a>
</div>
<script type="text/javascript" src="js/jquery.flexisel.js"></script>



</body>
</html>

Testimonios 1

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Testimonios 1

Загружено:

Авторское право:

Доступные форматы

<!

<a href="https://drlinatriana.com" class="">

// Creating our button in JS for smaller screens

// Toggle the class on click to show / hide the menu

if(buttonStyle === 'block' && e.target !== mobileButton &&

Вам также может понравиться