382 lines
14 KiB
HTML
382 lines
14 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<title>White | responsive bootstrap3 html5 one page template</title>
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
<meta name="description" content="">
|
|||
|
|
<meta name="author" content="">
|
|||
|
|
|
|||
|
|
<link rel="shortcut icon" href="images/favicon.ico">
|
|||
|
|
|
|||
|
|
<!-- CSS -->
|
|||
|
|
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
|||
|
|
<link href="css/flexslider.css" rel="stylesheet" type="text/css" />
|
|||
|
|
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all" />
|
|||
|
|
<link href="css/owl.carousel.css" rel="stylesheet">
|
|||
|
|
<link href="css/style.css" rel="stylesheet" type="text/css" />
|
|||
|
|
<link href="css/colors/" rel="stylesheet" type="text/css" id="colors" />
|
|||
|
|
|
|||
|
|
<!-- FONTS -->
|
|||
|
|
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic' rel='stylesheet' type='text/css'>
|
|||
|
|
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
|
|||
|
|
|
|||
|
|
<!-- SCRIPTS -->
|
|||
|
|
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
|||
|
|
<!--[if IE]><html class="ie" lang="en"> <![endif]-->
|
|||
|
|
|
|||
|
|
<script src="js/jquery.min.js" type="text/javascript"></script>
|
|||
|
|
<script src="js/bootstrap.min.js" type="text/javascript"></script>
|
|||
|
|
<script src="js/jquery.nicescroll.min.js" type="text/javascript"></script>
|
|||
|
|
<script src="js/superfish.min.js" type="text/javascript"></script>
|
|||
|
|
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
|
|||
|
|
<script src="js/owl.carousel.js"></script>
|
|||
|
|
<script src="js/animate.js" type="text/javascript"></script>
|
|||
|
|
<script src="js/myscript.js" type="text/javascript"></script>
|
|||
|
|
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
|
|||
|
|
<!-- PRELOADER -->
|
|||
|
|
<img id="preloader" src="images/preloader.gif" alt="" />
|
|||
|
|
<!-- //PRELOADER -->
|
|||
|
|
<div class="preloader_hide">
|
|||
|
|
|
|||
|
|
<!-- PAGE -->
|
|||
|
|
<div id="page" class="single_page">
|
|||
|
|
|
|||
|
|
<!-- HEADER -->
|
|||
|
|
<header>
|
|||
|
|
|
|||
|
|
<!-- MENU BLOCK -->
|
|||
|
|
<div class="menu_block">
|
|||
|
|
|
|||
|
|
<!-- CONTAINER -->
|
|||
|
|
<div class="container clearfix">
|
|||
|
|
|
|||
|
|
<!-- LOGO -->
|
|||
|
|
<div class="logo pull-left">
|
|||
|
|
<a href="index.html" ><span class="b1">w</span><span class="b2">h</span><span class="b3">i</span><span class="b4">t</span><span class="b5">e</span></a>
|
|||
|
|
</div><!-- //LOGO -->
|
|||
|
|
|
|||
|
|
<!-- SEARCH FORM -->
|
|||
|
|
<div id="search-form" class="pull-right">
|
|||
|
|
<form method="get" action="#">
|
|||
|
|
<input type="text" name="Search" value="Search" onFocus="if (this.value == 'Search') this.value = '';" onBlur="if (this.value == '') this.value = 'Search';" />
|
|||
|
|
</form>
|
|||
|
|
</div><!-- SEARCH FORM -->
|
|||
|
|
|
|||
|
|
<!-- MENU -->
|
|||
|
|
<div class="pull-right">
|
|||
|
|
<nav class="navmenu center">
|
|||
|
|
<ul>
|
|||
|
|
<li class="first scroll_btn"><a href="index.html">Home</a></li>
|
|||
|
|
<li class="scroll_btn"><a href="index.html#about">About Us</a></li>
|
|||
|
|
<li class="scroll_btn"><a href="index.html#projects">Projects</a></li>
|
|||
|
|
<li class="scroll_btn"><a href="index.html#team">Team</a></li>
|
|||
|
|
<li class="scroll_btn"><a href="index.html#news">News</a></li>
|
|||
|
|
<li class="scroll_btn last"><a href="index.html#contacts">Contacts</a></li>
|
|||
|
|
<li class="sub-menu active">
|
|||
|
|
<a href="javascript:void(0);">Pages</a>
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="blog.html">Blog</a></li>
|
|||
|
|
<li><a href="blog-post.html">Blog Post</a></li>
|
|||
|
|
<li class="active"><a href="portfolio-post.html">Portfolio Single Work</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</nav>
|
|||
|
|
</div><!-- //MENU -->
|
|||
|
|
</div><!-- //MENU BLOCK -->
|
|||
|
|
</div><!-- //CONTAINER -->
|
|||
|
|
</header><!-- //HEADER -->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- BREADCRUMBS -->
|
|||
|
|
<section class="breadcrumbs_block clearfix parallax">
|
|||
|
|
<div class="container center">
|
|||
|
|
<h2><b>The</b> Portfolio Single</h2>
|
|||
|
|
<p>Publication of the latest news, articles, and free apps.</p>
|
|||
|
|
</div>
|
|||
|
|
</section><!-- //BREADCRUMBS -->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- PORTFOLIO -->
|
|||
|
|
<section id="portfolio">
|
|||
|
|
|
|||
|
|
<!-- CONTAINER -->
|
|||
|
|
<div class="container">
|
|||
|
|
|
|||
|
|
<!-- ROW -->
|
|||
|
|
<div class="row">
|
|||
|
|
|
|||
|
|
<!-- SIDEBAR -->
|
|||
|
|
<div class="sidebar col-lg-4 col-md-4 pull-right padbot50">
|
|||
|
|
<!-- TEXT WIDGET -->
|
|||
|
|
<div class="sidepanel widget_text">
|
|||
|
|
<div class="single_portfolio_post_title">Rihanna's Costume Designer Comes</div>
|
|||
|
|
<p>On Tuesday, the daughters of Texas state senator Wendy Davis defended their mom against charges that she’s been smudging her biography to make it look like she was a more involved mom than she actually was. Davis, who is running for governor, has been under fire since a Dallas Morning News article accused her of “blurring” facts, like exactly when she got divorced and how long her family lived in a trailer park.</p>
|
|||
|
|
</div><!-- //TEXT WIDGET -->
|
|||
|
|
|
|||
|
|
<hr>
|
|||
|
|
|
|||
|
|
<!-- INFO WIDGET -->
|
|||
|
|
<div class="sidepanel widget_info">
|
|||
|
|
<ul class="work_info">
|
|||
|
|
<li>Location: <a href="javascript:void(0);" >Photo Studio,</a> <a href="javascript:void(0);" >New York</a></li>
|
|||
|
|
<li>Model: <a href="javascript:void(0);" >Anna Smith</a></li>
|
|||
|
|
<li>Style: <a href="javascript:void(0);" >Fashion Style</a></li>
|
|||
|
|
</ul>
|
|||
|
|
|
|||
|
|
<ul class="shared">
|
|||
|
|
<li><a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a></li>
|
|||
|
|
<li><a href="javascript:void(0);" ><i class="fa fa-facebook"></i></a></li>
|
|||
|
|
<li><a href="javascript:void(0);" ><i class="fa fa-google-plus"></i></a></li>
|
|||
|
|
<li><a href="javascript:void(0);" ><i class="fa fa-pinterest-square"></i></a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div><!-- //INFO WIDGET -->
|
|||
|
|
</div><!-- //SIDEBAR -->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- PORTFOLIO BLOCK -->
|
|||
|
|
<div class="portfolio_block col-lg-8 col-md-8 pull-left padbot50">
|
|||
|
|
|
|||
|
|
<!-- SINGLE PORTFOLIO POST -->
|
|||
|
|
<div class="single_portfolio_post clearfix" data-animated="fadeInUp">
|
|||
|
|
|
|||
|
|
<!-- PORTFOLIO SLIDER -->
|
|||
|
|
<div class="flexslider portfolio_single_slider">
|
|||
|
|
<ul class="slides">
|
|||
|
|
<li><img src="images/portfolio/1.jpg" alt="" /></li>
|
|||
|
|
<li><img src="images/portfolio/1_2.jpg" alt="" /></li>
|
|||
|
|
<li><img src="images/portfolio/1_3.jpg" alt="" /></li>
|
|||
|
|
<li><img src="images/portfolio/1_4.jpg" alt="" /></li>
|
|||
|
|
</ul>
|
|||
|
|
</div><!-- //PORTFOLIO SLIDER -->
|
|||
|
|
</div><!-- //SINGLE PORTFOLIO POST -->
|
|||
|
|
</div><!-- //PORTFOLIO BLOCK -->
|
|||
|
|
</div><!-- //ROW -->
|
|||
|
|
</div><!-- //CONTAINER -->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- CONTAINER -->
|
|||
|
|
<div class="container">
|
|||
|
|
<h2><b>Featured</b> Works</h2>
|
|||
|
|
</div><!-- //CONTAINER -->
|
|||
|
|
|
|||
|
|
<div class="projects-wrapper" data-appear-top-offset="-200" data-animated="fadeInUp">
|
|||
|
|
<!-- PROJECTS SLIDER -->
|
|||
|
|
<div class="owl-demo owl-carousel projects_slider">
|
|||
|
|
|
|||
|
|
<!-- work1 -->
|
|||
|
|
<div class="item">
|
|||
|
|
<div class="work_item">
|
|||
|
|
<div class="work_img">
|
|||
|
|
<img src="images/works/1.jpg" alt="" />
|
|||
|
|
<a class="zoom" href="!projects/project1.html" ></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="work_description">
|
|||
|
|
<div class="work_descr_cont">
|
|||
|
|
<a href="portfolio-post.html" >Ginger Beast</a>
|
|||
|
|
<span>17 March, 2041</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div><!-- //work1 -->
|
|||
|
|
|
|||
|
|
<!-- work2 -->
|
|||
|
|
<div class="item">
|
|||
|
|
<div class="work_item">
|
|||
|
|
<div class="work_img">
|
|||
|
|
<img src="images/works/2.jpg" alt="" />
|
|||
|
|
<a class="zoom" href="!projects/project2.html" ></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="work_description">
|
|||
|
|
<div class="work_descr_cont">
|
|||
|
|
<a href="portfolio-post.html" >Ginger Beast</a>
|
|||
|
|
<span>17 March, 2041</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div><!-- //work2 -->
|
|||
|
|
|
|||
|
|
<!-- work3 -->
|
|||
|
|
<div class="item">
|
|||
|
|
<div class="work_item">
|
|||
|
|
<div class="work_img">
|
|||
|
|
<img src="images/works/3.jpg" alt="" />
|
|||
|
|
<a class="zoom" href="!projects/project3.html" ></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="work_description">
|
|||
|
|
<div class="work_descr_cont">
|
|||
|
|
<a href="portfolio-post.html" >Ginger Beast</a>
|
|||
|
|
<span>17 March, 2041</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div><!-- //work3 -->
|
|||
|
|
|
|||
|
|
<!-- work4 -->
|
|||
|
|
<div class="item">
|
|||
|
|
<div class="work_item">
|
|||
|
|
<div class="work_img">
|
|||
|
|
<img src="images/works/4.jpg" alt="" />
|
|||
|
|
<a class="zoom" href="!projects/project4.html" ></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="work_description">
|
|||
|
|
<div class="work_descr_cont">
|
|||
|
|
<a href="portfolio-post.html" >Ginger Beast</a>
|
|||
|
|
<span>17 March, 2041</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div><!-- //work4 -->
|
|||
|
|
|
|||
|
|
<!-- work5 -->
|
|||
|
|
<div class="item">
|
|||
|
|
<div class="work_item">
|
|||
|
|
<div class="work_img">
|
|||
|
|
<img src="images/works/5.jpg" alt="" />
|
|||
|
|
<a class="zoom" href="!projects/project5.html" ></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="work_description">
|
|||
|
|
<div class="work_descr_cont">
|
|||
|
|
<a href="portfolio-post.html" >Ginger Beast</a>
|
|||
|
|
<span>17 March, 2041</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div><!-- //work5 -->
|
|||
|
|
|
|||
|
|
<!-- work6 -->
|
|||
|
|
<div class="item">
|
|||
|
|
<div class="work_item">
|
|||
|
|
<div class="work_img">
|
|||
|
|
<img src="images/works/6.jpg" alt="" />
|
|||
|
|
<a class="zoom" href="!projects/project6.html" ></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="work_description">
|
|||
|
|
<div class="work_descr_cont">
|
|||
|
|
<a href="portfolio-post.html" >Ginger Beast</a>
|
|||
|
|
<span>17 March, 2041</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div><!-- //work6 -->
|
|||
|
|
|
|||
|
|
<!-- work7 -->
|
|||
|
|
<div class="item">
|
|||
|
|
<div class="work_item">
|
|||
|
|
<div class="work_img">
|
|||
|
|
<img src="images/works/7.jpg" alt="" />
|
|||
|
|
<a class="zoom" href="!projects/project7.html" ></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="work_description">
|
|||
|
|
<div class="work_descr_cont">
|
|||
|
|
<a href="portfolio-post.html" >Ginger Beast</a>
|
|||
|
|
<span>17 March, 2041</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div><!-- //work7 -->
|
|||
|
|
</div><!-- //PROJECTS SLIDER -->
|
|||
|
|
</div>
|
|||
|
|
</section><!-- //PORTFOLIO -->
|
|||
|
|
</div><!-- //PAGE -->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- CONTACTS -->
|
|||
|
|
<section id="contacts">
|
|||
|
|
</section><!-- //CONTACTS -->
|
|||
|
|
|
|||
|
|
<!-- FOOTER -->
|
|||
|
|
<footer>
|
|||
|
|
|
|||
|
|
<!-- CONTAINER -->
|
|||
|
|
<div class="container">
|
|||
|
|
|
|||
|
|
<!-- ROW -->
|
|||
|
|
<div class="row" data-appear-top-offset="-200" data-animated="fadeInUp">
|
|||
|
|
|
|||
|
|
<div class="col-lg-4 col-md-4 col-sm-6 padbot30">
|
|||
|
|
<h4><b>Featured</b> posts</h4>
|
|||
|
|
<div class="recent_posts_small clearfix">
|
|||
|
|
<div class="post_item_img_small">
|
|||
|
|
<img src="images/blog/1.jpg" alt="" />
|
|||
|
|
</div>
|
|||
|
|
<div class="post_item_content_small">
|
|||
|
|
<a class="title" href="blog.html" >As we have developed a unique layout template</a>
|
|||
|
|
<ul class="post_item_inf_small">
|
|||
|
|
<li>10 January 2014</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="recent_posts_small clearfix">
|
|||
|
|
<div class="post_item_img_small">
|
|||
|
|
<img src="images/blog/2.jpg" alt="" />
|
|||
|
|
</div>
|
|||
|
|
<div class="post_item_content_small">
|
|||
|
|
<a class="title" href="blog.html" >How much is to develop a design for the game?</a>
|
|||
|
|
<ul class="post_item_inf_small">
|
|||
|
|
<li>14 January 2014</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="recent_posts_small clearfix">
|
|||
|
|
<div class="post_item_img_small">
|
|||
|
|
<img src="images/blog/3.jpg" alt="" />
|
|||
|
|
</div>
|
|||
|
|
<div class="post_item_content_small">
|
|||
|
|
<a class="title" href="blog.html" >How to pump designer</a>
|
|||
|
|
<ul class="post_item_inf_small">
|
|||
|
|
<li>21 December 2013</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="col-lg-4 col-md-4 col-sm-6 padbot30 foot_about_block">
|
|||
|
|
<h4><b>About</b> us</h4>
|
|||
|
|
<p>We value people over profits, quality over quantity, and keeping it real. As such, we deliver an unmatched working relationship with our clients.</p>
|
|||
|
|
<p>Our team is intentionally small, eclectic, and skilled; with our in-house expertise, we provide sharp and</p>
|
|||
|
|
<ul class="social">
|
|||
|
|
<li><a href="javascript:void(0);" ><i class="fa fa-twitter"></i></a></li>
|
|||
|
|
<li><a href="javascript:void(0);" ><i class="fa fa-facebook"></i></a></li>
|
|||
|
|
<li><a href="javascript:void(0);" ><i class="fa fa-google-plus"></i></a></li>
|
|||
|
|
<li><a href="javascript:void(0);" ><i class="fa fa-pinterest-square"></i></a></li>
|
|||
|
|
<li><a href="javascript:void(0);" ><i class="map_show fa fa-map-marker"></i></a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="respond_clear"></div>
|
|||
|
|
|
|||
|
|
<div class="col-lg-4 col-md-4 padbot30">
|
|||
|
|
<h4><b>Contacts</b> Us</h4>
|
|||
|
|
|
|||
|
|
<!-- CONTACT FORM -->
|
|||
|
|
<div class="span9 contact_form">
|
|||
|
|
<div id="note"></div>
|
|||
|
|
<div id="fields">
|
|||
|
|
<form id="contact-form-face" class="clearfix" action="#">
|
|||
|
|
<input type="text" name="name" value="Name" onFocus="if (this.value == 'Name') this.value = '';" onBlur="if (this.value == '') this.value = 'Name';" />
|
|||
|
|
<textarea name="message" onFocus="if (this.value == 'Message') this.value = '';" onBlur="if (this.value == '') this.value = 'Message';">Message</textarea>
|
|||
|
|
<input class="contact_btn" type="submit" value="Send message" />
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
</div><!-- //CONTACT FORM -->
|
|||
|
|
</div>
|
|||
|
|
</div><!-- //ROW -->
|
|||
|
|
</div><!-- //CONTAINER -->
|
|||
|
|
</footer><!-- //FOOTER -->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- MAP -->
|
|||
|
|
<div id="map">
|
|||
|
|
<a class="map_hide" href="javascript:void(0);"><i class="fa fa-angle-right"></i><i class="fa fa-angle-left"></i></a>
|
|||
|
|
<iframe src="http://maps.google.com/maps?f=q&give%20a%20hand=s_q&hl=en&geocode=&q=london&sll=37.0625,-95.677068&sspn=42.631141,90.263672&ie=UTF8&hq=&hnear=London,+United+Kingdom&ll=51.500141,-0.126257&spn=0.026448,0.039396&z=14&output=embed" ></iframe>
|
|||
|
|
</div><!-- //MAP -->
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
</html>
|