<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<!-- custom-theme -->
<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="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //custom-theme -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- services -->
<link href="css/easy-responsive-tabs.css" rel='stylesheet' type='text/css'/>
<!-- //services -->
<link href="css/font-awesome.css" rel="stylesheet"> <!-- font-awesome icons -->
<link rel="stylesheet" href="css/lightbox.css">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- //Custom Theme files -->
<!-- js -->
<script src="js/jquery-2.2.3.min.js"></script>
<!-- web-fonts -->
<!-- //font-awesome-icons -->
<link href="http://fonts.googleapis.com/css?family=Faster+One" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Istok+Web:400,400i,700,700i" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
</head>
<body>
<!-- header -->
<div class="w3_navigation">
<div class="container">
<nav class="navbar navbar-default">
<div class="navbar-header navbar-left">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="w3_navigation_pos">
<h1><a href="index.html">custom</a></h1>
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
<nav class="menu menu--miranda">
<ul class="nav navbar-nav menu__list">
<li class="menu__item menu__item--current"><a href="index.html" class="menu__link">Home</a></li>
<li class="menu__item"><a href="#about" class="scroll menu__link">about</a></li>
<li class="menu__item"><a href="#features" class="scroll menu__link">features</a></li>
<li class="menu__item"><a href="#gallery" class="scroll menu__link">gallery</a></li>
<li class="menu__item"><a href="#services" class="scroll menu__link">services</a></li>
<li class="menu__item"><a href="#contact" class="scroll menu__link">contact</a></li>
</ul>
</nav>
</div>
</nav>
</div>
</div>
<!-- //header -->
<!-- banner -->
<div class="jarallax banner">
<div class="banner-pos banner1">
<div class="container">
<div class="banner-info">
<h2>an International<span>custom.com</span></h2> <h3>Freight System</h3>
<p>We believe in delivering logistical services on time</p>
</div>
</div>
<div class="login-form banner-posit">
<h3>ship online</h3>
<form action="#" method="post">
<input type="text" name="Name" placeholder="Full name" required="" />
<input type="text" name="Number" placeholder="Phone number" required="" />
<input type="email" name="Email" placeholder="Email" required="" />
<h3 class="w3ls-h3">Shipping address</h3>
<div class="left-w3-agile">
<select class="ship-sel">
<option>Select country</option>
<option>Argentina</option>
<option>Georgia</option>
<option> Dominica</option>
<option>Lithuania</option>
<option> Monaco</option>
</select>
<input type="text" name="City" placeholder="City" required="" />
</div>
<div class="right-agileits">
<select class="ship-sel">
<option>Frieght type</option>
<option>Air Freight</option>
<option>Rail Frieght</option>
<option> Dominica</option>
<option>Lithuania</option>
<option> Monaco</option>
</select>
<input type="text" name="Zip/postal code" placeholder="Zip/postal code" required="" />
</div>
<div class="clearfix"></div>
<textarea name="message" placeholder="Street address" ></textarea>
<input type="submit" value="PROCEED TO PAY">
</form>
</div>
</div>
</div>
<!-- banner -->
<div class="jarallax w3ls-section w3-about" id="about">
<div class="container">
<h3 class="agileits-title">about us</h3>
<div class="about-main">
<div class="w3ls-about-left col-md-6">
<img class="img-responsive" src="images/bb.jpg" alt="about-image"/>
</div>
<div class="w3ls-about-right col-md-6">
<div class=" stats-info-right">
<div class="stats-info-text">
<h4>10</h4>
<h5>years of</h5>
<p>excellence</p>
</div>
</div>
<div class="w3_agileits-ab-main">
<h4>the ultimate transport</h4>
<p class="about-text-w3l">Pellentesque accumsan cursus dui, sodales blandit urna sodal vitaepel ente sque accumsan cursus dui,sod les blandit urna urna sodales vitae Pellentesque accumsan cursus dui, sodales blan urna sodales vitae pellentesque accumsan cursus dui, sodales blan sodales vitae. Maece placerat eget mi vitae euismod.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- banner-bottom -->
<div class="agileinfo-abt-btm w3ls-section">
<div class="container">
<h3 class="h3-w3l">Freight forwarding services by <span> Logistics International</span></h3>
<h4 class="h3-w3l">Deliver the goods on time.</h4>
</div>
</div>
<!-- Features -->
<div class="jarallax w3ls-section w3ls-features" id="features">
<div class="container">
<h3 class="agileits-title">Features</h3>
<div class=" col-md-4 col-sm-4 col-xs-4 feature-main">
<div class="feature-txt">
<h4>trucking<i class="fa fa-truck" aria-hidden="true"></i></h4>
</div>
<div class="feature-txt">
<h4>ware housing<i class="fa fa-database" aria-hidden="true"></i></h4>
</div>
<div class="feature-txt">
<h4>shipping<i class="fa fa-ship" aria-hidden="true"></i></h4>
</div>
</div>
<div class=" col-md-4 col-sm-4 col-xs-4 feature-img">
<img src="images/logo.jpg" class="img-responsive" alt="" />
</div>
<div class=" col-md-4 col-sm-4 col-xs-4 feature-main fm-right">
<div class="feature-txt">
<h4><i class="fa fa-bus" aria-hidden="true"></i>cargo</h4>
</div>
<div class="feature-txt">
<h4><i class="fa fa fa-plane" aria-hidden="true"></i>air-frieght</h4>
</div>
<div class="feature-txt">
<h4><i class="fa fa-subway" aria-hidden="true"></i>rail-frieght</h4>
</div>
</div>
</div>
</div>
<!-- //Features -->
<!-- gallery -->
<div id="gallery" class="jarallax w3ls-section gallery">
<div class="container">
<div class="agileits-title">
<h3 class="agileits-title">Gallery</h3>
</div>
<div class="gallery-w3lsrow">
<div class="col-sm-3 col-xs-4 gallery-grids">
<div class="w3ls-hover">
<a href="images/g1.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
<img src="images/g1.jpg" class="img-responsive zoom-img" alt=""/>
<div class="view-caption">
<h5>Latest Gallery</h5>
<span class="glyphicon glyphicon-search"></span>
</div>
</a>
</div>
</div>
<div class="col-sm-3 col-xs-4 gallery-grids">
<div class="w3ls-hover">
<a href="images/g2.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an