ericlay
/
fuckyourday
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
fuckyourday/lumia/index.html

1059 lines
39 KiB
HTML
Raw Normal View History

new destructr script
2024-03-25 19:22:09 -05:00
<!DOCTYPE html>
new sites
2024-03-24 20:08:23 -05:00
<html>
new destructr script
2024-03-25 19:22:09 -05:00
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, maximum-scale=1" />
<script src="js/destruct.js"></script>
<title>Lumia - Multipurpose Bootstrap Template</title>
<link rel="icon" href="favicon.png" type="image/png" />
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/linecons.css" rel="stylesheet" type="text/css" />
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" />
<link href="css/responsive.css" rel="stylesheet" type="text/css" />
<link href="css/animate.css" rel="stylesheet" type="text/css" />
<link
href="http://fonts.googleapis.com/css?family=Lato:400,900,700,700italic,400italic,300italic,300,100italic,100,900italic"
rel="stylesheet"
type="text/css"
/>
<link
href="http://fonts.googleapis.com/css?family=Dosis:400,500,700,800,600,300,200"
rel="stylesheet"
type="text/css"
/>
<!--[if IE
]><style type="text/css">
.pie {
behavior: url(PIE.htc);
}
</style><!
[endif]-->
<script type="text/javascript" src="js/jquery.1.8.3.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/jquery-scrolltofixed.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.isotope.js"></script>
<script type="text/javascript" src="js/wow.js"></script>
<script type="text/javascript" src="js/classie.js"></script>
<!--[if lt IE 9]>
<script src="js/respond-1.1.0.min.js"></script>
<script src="js/html5shiv.js"></script>
<script src="js/html5element.js"></script>
<![endif]-->
<script type="text/javascript">
$(document).ready(function (e) {
$(".res-nav_click").click(function () {
$("ul.toggle").slideToggle(600);
});
$(document).ready(function () {
$(window).bind("scroll", function () {
if ($(window).scrollTop() > 0) {
$("#header_outer").addClass("fixed");
} else {
$("#header_outer").removeClass("fixed");
}
});
});
});
function resizeText() {
var preferredWidth = 767;
var displayWidth = window.innerWidth;
var percentage = displayWidth / preferredWidth;
var fontsizetitle = 25;
var newFontSizeTitle = Math.floor(fontsizetitle * percentage);
$(".divclass").css("font-size", newFontSizeTitle);
}
</script>
</head>
<body>
<!--Header_section-->
<header id="header_outer">
<div class="container">
<div class="header_section">
<div class="logo">
<a href="#"><img src="img/logo.png" alt="" /></a>
new sites
2024-03-24 20:08:23 -05:00
</div>
new destructr script
2024-03-25 19:22:09 -05:00
<nav class="nav" id="nav">
<ul class="toggle">
<li><a href="#top_content">Home</a></li>
<li><a href="#service">Services</a></li>
<li><a href="#work_outer">Work</a></li>
<li><a href="#Portfolio">Portfolio</a></li>
<li><a href="#client_outer">Clients</a></li>
<li><a href="#team">Team</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<ul class="">
<li><a href="#top_content">Home</a></li>
<li><a href="#service">Services</a></li>
<li><a href="#work_outer">Work</a></li>
<li><a href="#Portfolio">Portfolio</a></li>
<li><a href="#client_outer">Clients</a></li>
<li><a href="#team">Team</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<a class="res-nav_click animated wobble wow" href="javascript:void(0)"
><i class="fa-bars"></i
></a>
new sites
2024-03-24 20:08:23 -05:00
</div>
</div>
new destructr script
2024-03-25 19:22:09 -05:00
</header>
<!--Header_section-->
<!--Top_content-->
<section id="top_content" class="top_cont_outer">
<div class="top_cont_inner">
<div class="container">
<div class="top_content">
<div class="row">
<div class="col-lg-5 col-sm-7">
<div class="top_left_cont flipInY wow animated">
<h3>Bootstrap &amp; Multipurpose!</h3>
<h2>Lumia Most Amazing Theme That Ever Made</h2>
<p>
Accusantium quam, aliquam ultricies eget tempor id, aliquam
eget nibh et. Maecen aliquam, risus at semper. Proin iaculis
purus consequat sem cure digni ssim. Donec porttitora entum.
Proin iaculis purus consequat sem cure digni ssim. Donec
porttitora entum.Proin iaculis purus consequat sem cure
digni ssim. Donec porttitora entum.
</p>
<a href="#service" class="learn_more2">Learn more</a>
</div>
</div>
<div class="col-lg-7 col-sm-5">
<div class="flipInX wow animated">
<img class="img-responsive" src="img/side-bg.jpg" alt="" />
</div>
</div>
</div>
new sites
2024-03-24 20:08:23 -05:00
</div>
</div>
</div>
new destructr script
2024-03-25 19:22:09 -05:00
</section>
<!--Top_content-->
<!--Service-->
<section id="service">
<div class="container">
<h2>Services</h2>
<div class="service_area">
<div class="row">
<div class="col-lg-4">
<div class="service_block">
<div class="service_icon delay-03s animated wow zoomIn">
<span><i class="fa-book"></i></span>
</div>
<h3 class="animated fadeInUp wow">Well Documented</h3>
<p class="animated fadeInDown wow">
Proin iaculis purus consequat sem cure digni. Donec porttitora
entum suscipit aenean rhoncus posuere odio in tincidunt.
</p>
</div>
</div>
<div class="col-lg-4">
<div class="service_block">
<div class="service_icon icon2 delay-03s animated wow zoomIn">
<span><i class="fa-comments"></i></span>
</div>
<h3 class="animated fadeInUp wow">Friendly Support</h3>
<p class="animated fadeInDown wow">
Proin iaculis purus consequat sem cure digni. Donec porttitora
entum suscipit aenean rhoncus posuere odio in tincidunt.
</p>
</div>
</div>
<div class="col-lg-4">
<div class="service_block">
<div class="service_icon icon3 delay-03s animated wow zoomIn">
<span><i class="fa-rocket"></i></span>
</div>
<h3 class="animated fadeInUp wow">Launch Ready</h3>
<p class="animated fadeInDown wow">
Proin iaculis purus consequat sem cure digni. Donec porttitora
entum suscipit aenean rhoncus posuere odio in tincidunt.
</p>
</div>
</div>
new sites
2024-03-24 20:08:23 -05:00
</div>
new destructr script
2024-03-25 19:22:09 -05:00
<div class="row pt-20">
<div class="col-lg-4">
<div class="service_block">
<div class="service_icon icon4 delay-03s animated wow zoomIn">
<span><i class="fa-compress"></i></span>
</div>
<h3 class="animated fadeInUp wow">Fully Responsive</h3>
<p class="animated fadeInDown wow">
Proin iaculis purus consequat sem cure digni. Donec porttitora
entum suscipit aenean rhoncus posuere odio in tincidunt.
</p>
</div>
</div>
<div class="col-lg-4">
<div class="service_block">
<div class="service_icon icon5 delay-03s animated wow zoomIn">
<span><i class="fa-eye"></i></span>
</div>
<h3 class="animated fadeInUp wow">Retina Ready</h3>
<p class="animated fadeInDown wow">
Proin iaculis purus consequat sem cure digni. Donec porttitora
entum suscipit aenean rhoncus posuere odio in tincidunt.
</p>
</div>
</div>
<div class="col-lg-4">
<div class="service_block">
<div class="service_icon icon6 delay-03s animated wow zoomIn">
<span><i class="fa-cog"></i></span>
</div>
<h3 class="animated fadeInUp wow">HTML5+CSS3</h3>
<p class="animated fadeInDown wow">
Proin iaculis purus consequat sem cure digni. Donec porttitora
entum suscipit aenean rhoncus posuere odio in tincidunt.
</p>
</div>
</div>
new sites
2024-03-24 20:08:23 -05:00
</div>
</div>
new destructr script
2024-03-25 19:22:09 -05:00
</div>
</section>
<!--Service-->
<section id="work_outer">
<!--main-section-start-->
<div class="top_cont_latest">
<div class="container">
<h2>Latest Work</h2>
<div class="work_section">
<div class="row margin-bottom-20">
<div class="col-md-3 col-sm-6 col-xs-12 wow fadeInLeft delay-05s">
new sites
2024-03-24 20:08:23 -05:00
<div class="thumbnails thumbnail-style thumbnail-kenburn">
new destructr script
2024-03-25 19:22:09 -05:00
<div class="thumbnail-img">
<div class="overflow-hidden">
<img alt="" src="img/item1.jpg" class="img-responsive" />
new sites
2024-03-24 20:08:23 -05:00
</div>
new destructr script
2024-03-25 19:22:09 -05:00
</div>
<div class="caption">
<h3><a href="#" class="hover-effect">Project One</a></h3>
<p>
Donec id elit non mi porta gravida at eget metus. Fusce
dapibus, justo sit amet risus etiam porta sem.
</p>
</div>
new sites
2024-03-24 20:08:23 -05:00
</div>
new destructr script
2024-03-25 19:22:09 -05:00
</div>
<div class="col-md-3 col-sm-6 col-xs-12 wow fadeInLeft delay-05s">
new sites
2024-03-24 20:08:23 -05:00
<div class="thumbnails thumbnail-style thumbnail-kenburn">
new destructr script
2024-03-25 19:22:09 -05:00
<div class="thumbnail-img">
<div class="overflow-hidden">
<img alt="" src="img/item2.jpg" class="img-responsive" />
new sites
2024-03-24 20:08:23 -05:00
</div>
new destructr script
2024-03-25 19:22:09 -05:00
</div>
<div class="caption">
<h3><a href="#" class="hover-effect">Project Two</a></h3>
<p>
Donec id elit non mi porta gravida at eget metus. Fusce
dapibus, justo sit amet risus etiam porta sem.
</p>
</div>
new sites
2024-03-24 20:08:23 -05:00
</div>
new destructr script
2024-03-25 19:22:09 -05:00
</div>
<div class="col-md-3 col-sm-6 col-xs-12 wow fadeInLeft delay-05s">
new sites
2024-03-24 20:08:23 -05:00
<div class="thumbnails thumbnail-style thumbnail-kenburn">
new destructr script
2024-03-25 19:22:09 -05:00
<div class="thumbnail-img">
<div class="overflow-hidden">
<img alt="" src="img/item3.jpg" class="img-responsive" />
new sites
2024-03-24 20:08:23 -05:00
</div>
new destructr script
2024-03-25 19:22:09 -05:00
</div>
<div class="caption">
<h3><a href="#" class="hover-effect">Project Three</a></h3>
<p>
Donec id elit non mi porta gravida at eget metus. Fusce
dapibus, justo sit amet risus etiam porta sem.
</p>
</div>
new sites
2024-03-24 20:08:23 -05:00
</div>
new destructr script
2024-03-25 19:22:09 -05:00
</div>
<div class="col-md-3 col-sm-6 col-xs-12 wow fadeInLeft delay-05s">
new sites
2024-03-24 20:08:23 -05:00
<div class="thumbnails thumbnail-style thumbnail-kenburn">
new destructr script
2024-03-25 19:22:09 -05:00
<div class="thumbnail-img">
<div class="overflow-hidden">
<img alt="" src="img/item5.jpg" class="img-responsive" />
new sites
2024-03-24 20:08:23 -05:00
</div>
new destructr script
2024-03-25 19:22:09 -05:00
</div>
<div class="caption">
<h3><a href="#" class="hover-effect">Project Four</a></h3>
<p>
Donec id elit non mi porta gravida at eget metus. Fusce
dapibus, justo sit amet risus etiam porta sem.
</p>
</div>
new sites
2024-03-24 20:08:23 -05:00
</div>
new destructr script
2024-03-25 19:22:09 -05:00
</div>
new sites
2024-03-24 20:08:23 -05:00
</div>
new destructr script
2024-03-25 19:22:09 -05:00
</div>
</div>
<!--<div class="work_pic"><img src="img/dashboard_pic.png" alt=""></div>-->
new sites
2024-03-24 20:08:23 -05:00
</div>
new destructr script
2024-03-25 19:22:09 -05:00
</section>
<!--main-section-end-->
new sites
2024-03-24 20:08:23 -05:00
new destructr script
2024-03-25 19:22:09 -05:00
<!--new_portfolio-->
new sites
2024-03-24 20:08:23 -05:00
new destructr script
2024-03-25 19:22:09 -05:00
<!-- Portfolio -->
<section id="Portfolio" class="content">
<!-- Container -->
<div class="container portfolio-title">
<!-- Section Title -->
<div class="section-title">
<h2>Portfolio</h2>
new sites
2024-03-24 20:08:23 -05:00
</div>
new destructr script
2024-03-25 19:22:09 -05:00
<!--/Section Title -->
new sites
2024-03-24 20:08:23 -05:00
</div>
new destructr script
2024-03-25 19:22:09 -05:00
<!-- Container -->
<div class="portfolio-top"></div>
<!-- Portfolio Plus Filters -->
<div class="portfolio">
<!-- Portfolio Filters -->
<div id="filters" class="sixteen columns">
<ul class="clearfix">
<li>
<a id="all" href="#" data-filter="*" class="active">
<h5>All</h5>
</a>
</li>
<li>
<a class="" href="#" data-filter=".branding">
<h5>Branding</h5>
</a>
</li>
<li>
<a class="" href="#" data-filter=".design">
<h5>Design</h5>
</a>
</li>
<li>
<a class="" href="#" data-filter=".photography">
<h5>Photography</h5>
</a>
</li>
<li>
<a class="" href="#" data-filter=".videography">
<h5>Videography</h5>
</a>
</li>
<li>
<a class="" href="#" data-filter=".web">
<h5>Web</h5>
</a>
</li>
</ul>
new sites
2024-03-24 20:08:23 -05:00
</div>
new destructr script
2024-03-25 19:22:09 -05:00
<!--/Portfolio Filters -->
<!-- Portfolio Wrap -->
<div
class="isotope"
style="position: relative; overflow: hidden; height: 480px"
id="portfolio-wrap"
>
<!-- Portfolio Item With PrettyPhoto -->
<div
style="
position: absolute;
left: 0px;
top: 0px;
transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
width: 337px;
opacity: 1;
"
class="portfolio-item one-four videography isotope-item"
>
<div class="portfolio-image">
<img src="img/portfolio1.jpg" alt="Portfolio 1" />
</div>
<a title="Starbucks Coffee" rel="prettyPhoto[galname]" href="#">
<div class="project-overlay">
<div class="project-info">
<h4 class="project-name">Leica Camera</h4>
<p class="project-categories">Videography</p>
</div>
</div>
</a>
new sites
2024-03-24 20:08:23 -05:00
</div>
new destructr script
2024-03-25 19:22:09 -05:00
<!--/Portfolio Item With PrettyPhoto -->
<!-- Portfolio Item Video Expander -->
<div
style="
position: absolute;
left: 0px;
top: 0px;
transform: translate3d(337px, 0px, 0px) scale3d(1, 1, 1);
width: 337px;
opacity: 1;
"
class="portfolio-item one-four design isotope-item"
>
<div class="portfolio-image">
<img src="img/portfolio2.jpg" alt="Portfolio 1" />
</div>
<div class="project-overlay">
<div class="open-project-link">
<a class="open-project" href="#" title="Open Project"></a>
</div>
<div class="project-info">
<h4 class="project-name">Foto Template</h4>
<p class="project-categories">Design</p>
</div>
</div>
new sites
2024-03-24 20:08:23 -05:00
</div>
new destructr script
2024-03-25 19:22:09 -05:00
<!--/Portfolio Item Video Expander -->
<!-- Portfolio Item Normal Expander -->
<div
style="
position: absolute;
left: 0px;
top: 0px;
transform: translate3d(674px, 0px, 0px) scale3d(1, 1, 1);
width: 337px;
opacity: 1;
"
class="portfolio-item one-four design isotope-item"
>
<div class="portfolio-image">
<img src="img/portfolio3.jpg" alt="Portfolio 1" />
</div>
<div class="project-overlay">
<div class="open-project-link">
<a class="open-project" href="#" title="Open Project"></a>
</div>
<div class="project-info">
<h4 class="project-name">Sony Phone</h4>
<p class="project-categories">Design</p>
</div>
</div>
new sites
2024-03-24 20:08:23 -05:00
</div>
new destructr script
2024-03-25 19:22:09 -05:00
<!--/Portfolio Item Normal Expander -->
<!-- Portfolio Item FullScreen Expander -->
<div
style="
position: absolute;
left: 0px;
top: 0px;
transform: translate3d(1011px, 0px, 0px) scale3d(1, 1, 1);
width: 337px;
opacity: 1;
"
class="portfolio-item one-four photography branding web isotope-item"
>
<div class="portfolio-image">
<img src="img/portfolio4.jpg" alt="Portfolio 1" />
</div>
<div class="project-overlay">
<div class="open-project-link">
<a class="open-project" href="#" title="Open Project"></a>
</div>
<div class="project-info">
<h4 class="project-name">Nike Shoes</h4>
<p class="project-categories">Photography, Web, Branding</p>
</div>
</div>
new sites
2024-03-24 20:08:23 -05:00
</div>
new destructr script
2024-03-25 19:22:09 -05:00
<!-- Portfolio Item FullScreen Expander -->
<!-- Portfolio Item FullScreen Expander -->
<div
style="
position: absolute;
left: 0px;
top: 0px;
transform: translate3d(0px, 240px, 0px) scale3d(1, 1, 1);
width: 337px;
opacity: 1;
"
class="portfolio-item one-four design isotope-item"
>
<div class="portfolio-image">
<img src="img/portfolio5.jpg" alt="Portfolio 1" />
</div>
<div class="project-overlay">
<div class="open-project-link">
<a class="open-project" href="#" title="Open Project"></a>
</div>
<div class="project-info">
<h4 class="project-name">Vinyl Record</h4>
<p class="project-categories">Design</p>
</div>
</div>
</div>
<!--/Portfolio Item FullScreen Expander -->
<!-- Portfolio Item Normal Expander -->
<div
style="
position: absolute;
left: 0px;
top: 0px;
transform: translate3d(337px, 240px, 0px) scale3d(1, 1, 1);
width: 337px;
opacity: 1;
"
class="portfolio-item one-four web isotope-item"
>
<div class="portfolio-image">
<img src="img/portfolio6.jpg" alt="Portfolio 1" />
</div>
<div class="project-overlay">
<div class="open-project-link">
<a class="open-project" href="#" title="Open Project"></a>
</div>
<div class="project-info">
<h4 class="project-name">iPhone</h4>
<p class="project-categories">Web</p>
</div>
</div>
</div>
<!--/Portfolio Item Normal Expander -->
<!-- Portfolio Item External Project -->
<div
style="
position: absolute;
left: 0px;
top: 0px;
transform: translate3d(674px, 240px, 0px) scale3d(1, 1, 1);
width: 337px;
opacity: 1;
"
class="portfolio-item one-four design web isotope-item"
>
<div class="portfolio-image">
<img src="img/portfolio7.jpg" alt="Portfolio 1" />
</div>
<a href="#" class="external">
<div class="project-overlay">
<div class="project-info">
<h4 class="project-name">Nexus Phone</h4>
<p class="project-categories">Design, Web</p>
</div>
</div>
</a>
new sites
2024-03-24 20:08:23 -05:00
</div>
new destructr script
2024-03-25 19:22:09 -05:00
<!--/Portfolio Item External Project -->
<!-- Portfolio Item With PrettyPhoto -->
<div
style="
position: absolute;
left: 0px;
top: 0px;
transform: translate3d(1011px, 240px, 0px) scale3d(1, 1, 1);
width: 337px;
opacity: 1;
"
class="portfolio-item one-four photography isotope-item"
>
<div class="portfolio-image">
<img src="img/portfolio8.jpg" alt="Portfolio 1" />
</div>
<a title="Stereo Headphones" rel="prettyPhoto[galname]" href="#">
<div class="project-overlay">
<div class="project-info">
<h4 class="project-name">Art Frame</h4>
<p class="project-categories">Photography</p>
</div>
</div>
</a>
</div>
<!--/Portfolio Item With PrettyPhoto -->
new sites
2024-03-24 20:08:23 -05:00
</div>
new destructr script
2024-03-25 19:22:09 -05:00
<!--/Portfolio Wrap -->
new sites
2024-03-24 20:08:23 -05:00
</div>
new destructr script
2024-03-25 19:22:09 -05:00
<!--/Portfolio Plus Filters -->
<div class="portfolio-bottom"></div>
<!-- Project Page Holder-->
<div id="project-page-holder">
<div class="clear"></div>
<div id="project-page-data"></div>
new sites
2024-03-24 20:08:23 -05:00
</div>
new destructr script
2024-03-25 19:22:09 -05:00
<!--/Project Page Holder-->
</section>
<!--/Portfolio -->
<section class="main-section" id="client_outer">
<!--main-section client-part-start-->
<h2>Happy Clients</h2>
<div class="client_area">
<div class="client_section animated fadeInUp wow">
<div class="client_profile">
<div class="client_profile_pic">
<img src="img/client-pic1.jpg" alt="" />
</div>
<h3>John Doe</h3>
<span>Google Inc</span>
</div>
<div class="quote_section">
<div class="quote_arrow"></div>
<p>
<b><img src="img/quote_sign_left.png" alt="" /></b> Proin iaculis
purus consequat sem cure digni ssim donec porttitora entum
suscipit rhoncus. Accusantium quam, ultricies eget id, aliquam
eget nibh et. Maecen aliquam, risus at semper.
<small><img src="img/quote_sign_right.png" alt="" /></small>
</p>
</div>
<div class="clear"></div>
new sites
2024-03-24 20:08:23 -05:00
</div>
new destructr script
2024-03-25 19:22:09 -05:00
<div class="client_section animated fadeInDown wow">
<div class="client_profile flt">
<div class="client_profile_pic">
<img src="img/client-pic2.jpg" alt="" />
</div>
<h3>Marie Gomez</h3>
<span>BFA Foundation</span>
</div>
<div class="quote_section flt">
<div class="quote_arrow2"></div>
<p>
<b><img src="img/quote_sign_left.png" alt="" /></b> Proin iaculis
purus consequat sem cure digni ssim donec porttitora entum
suscipit rhoncus. Accusantium quam, ultricies eget id, aliquam
eget nibh et. Maecen aliquam, risus at semper.
<small><img src="img/quote_sign_right.png" alt="" /></small>
</p>
</div>
<div class="clear"></div>
new sites
2024-03-24 20:08:23 -05:00
</div>
</div>
new destructr script
2024-03-25 19:22:09 -05:00
</section>
<!--main-section client-part-end-->
<div class="c-logo-part">
<!--c-logo-part-start-->
<div class="container">
<ul class="delay-06s animated bounce wow">
<li>
<a href="javascript:void(0)"
><img src="img/c-liogo1.png" alt=""
/></a>
</li>
<li>
<a href="javascript:void(0)"
><img src="img/c-liogo2.png" alt=""
/></a>
</li>
<li>
<a href="javascript:void(0)"
><img src="img/c-liogo3.png" alt=""
/></a>
</li>
<li>
<a href="javascript:void(0)"
><img src="img/c-liogo5.png" alt=""
/></a>
</li>
</ul>
new sites
2024-03-24 20:08:23 -05:00
</div>
</div>
new destructr script
2024-03-25 19:22:09 -05:00
<!--c-logo-part-end-->
<section class="main-section team" id="team">
<!--main-section team-start-->
<div class="container">
<h2>Amazing Team</h2>
<h6>Take a closer look into our amazing team. We won’t bite.</h6>
<div class="team-leader-block clearfix">
<div class="team-leader-box">
<div class="team-leader wow fadeInDown delay-03s">
<div class="team-leader-shadow">
<a href="javascript:void(0)"></a>
</div>
<img src="img/team-leader-pic1.jpg" alt="" />
<ul>
<li><a href="javascript:void(0)" class="fa-twitter"></a></li>
<li><a href="javascript:void(0)" class="fa-facebook"></a></li>
<li><a href="javascript:void(0)" class="fa-pinterest"></a></li>
<li>
<a href="javascript:void(0)" class="fa-google-plus"></a>
</li>
</ul>
</div>
<h3 class="wow fadeInDown delay-03s">John Doe</h3>
<span class="wow fadeInDown delay-03s"
>Chief Executive Officer</span
>
<p class="wow fadeInDown delay-03s">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin
consequat sollicitudin cursus. Dolor sit amet, consectetur
adipiscing elit proin consequat.
</p>
new sites
2024-03-24 20:08:23 -05:00
</div>
new destructr script
2024-03-25 19:22:09 -05:00
<div class="team-leader-box">
<div class="team-leader wow fadeInDown delay-06s">
<div class="team-leader-shadow">
<a href="javascript:void(0)"></a>
</div>
<img src="img/team-leader-pic2.jpg" alt="" />
<ul>
<li><a href="javascript:void(0)" class="fa-twitter"></a></li>
<li><a href="javascript:void(0)" class="fa-facebook"></a></li>
<li><a href="javascript:void(0)" class="fa-pinterest"></a></li>
<li>
<a href="javascript:void(0)" class="fa-google-plus"></a>
</li>
</ul>
</div>
<h3 class="wow fadeInDown delay-06s">Jesse Robert</h3>
<span class="wow fadeInDown delay-06s"
>Chief Operating Officer</span
>
<p class="wow fadeInDown delay-06s">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin
consequat sollicitudin cursus. Dolor sit amet, consectetur
adipiscing elit proin consequat.
</p>
new sites
2024-03-24 20:08:23 -05:00
</div>
new destructr script
2024-03-25 19:22:09 -05:00
<div class="team-leader-box">
<div class="team-leader wow fadeInDown delay-09s">
<div class="team-leader-shadow">
<a href="javascript:void(0)"></a>
</div>
<img src="img/team-leader-pic3.jpg" alt="" />
<ul>
<li><a href="javascript:void(0)" class="fa-twitter"></a></li>
<li><a href="javascript:void(0)" class="fa-facebook"></a></li>
<li><a href="javascript:void(0)" class="fa-pinterest"></a></li>
<li>
<a href="javascript:void(0)" class="fa-google-plus"></a>
</li>
</ul>
</div>
<h3 class="wow fadeInDown delay-09s">Jane white</h3>
<span class="wow fadeInDown delay-09s">CMO</span>
<p class="wow fadeInDown delay-09s">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin
consequat sollicitudin cursus. Dolor sit amet, consectetur
adipiscing elit proin consequat.
</p>
new sites
2024-03-24 20:08:23 -05:00
</div>
</div>
</div>
new destructr script
2024-03-25 19:22:09 -05:00
</section>
<!--main-section team-end-->
<section class="twitter-feed">
<!--twitter-feed-->
<div class="container animated fadeInDown delay-07s wow">
<div class="twitter_bird">
<span><i class="fa-twitter"></i></span>
new sites
2024-03-24 20:08:23 -05:00
</div>
new destructr script
2024-03-25 19:22:09 -05:00
<p>
Accusantium quam, aliquam ultricies eget tempor id, aliquam eget nibh
et. Maecen aliquam. <br />
Accusantium quam, aliquam ultricies eget.
</p>
<span>About 40 mins ago</span>
</div>
</section>
<!--twitter-feed-end-->
<footer class="footer_section" id="contact">
<div class="container">
<section class="main-section contact" id="contact">
<div class="contact_section">
<h2>Contact Us</h2>
<div class="row">
<div class="col-lg-4">
<div class="contact_block">
<div class="contact_block_icon rollIn animated wow">
<span><i class="fa-home"></i></span>
</div>
<span>
325 USA, <br />
NewYork, US, 57204
</span>
</div>
</div>
<div class="col-lg-4">
<div class="contact_block">
<div class="contact_block_icon icon2 rollIn animated wow">
<span><i class="fa-phone"></i></span>
</div>
<span> 500-800-600-NOP </span>
</div>
</div>
<div class="col-lg-4">
<div class="contact_block">
<div class="contact_block_icon icon3 rollIn animated wow">
<span><i class="fa-pencil"></i></span>
</div>
<span> <a href="info@lumia.com"> info@lumia.com</a> </span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 wow fadeInLeft">
<div class="contact-info-box address clearfix">
<h3>Don’t be hesitate. Say hello!</h3>
<p>
Accusantium quam, aliquam ultricies eget tempor id, aliquam
eget nibh et. Maecen aliquam, risus at semper. Accusantium
quam, aliquam ultricies eget tempor id, aliquam eget nibh et.
Maecen aliquam, risus at semper.
</p>
<p>
Accusantium quam, aliquam ultricies eget tempor id, aliquam
eget nibh et. Maecen aliquampor id.
</p>
</div>
<ul class="social-link">
<li class="twitter animated bounceIn wow delay-02s">
<a href="javascript:void(0)"><i class="fa-twitter"></i></a>
</li>
<li class="facebook animated bounceIn wow delay-03s">
<a href="javascript:void(0)"><i class="fa-facebook"></i></a>
</li>
<li class="pinterest animated bounceIn wow delay-04s">
<a href="javascript:void(0)"><i class="fa-pinterest"></i></a>
</li>
<li class="gplus animated bounceIn wow delay-05s">
<a href="javascript:void(0)"
><i class="fa-google-plus"></i
></a>
</li>
<li class="dribbble animated bounceIn wow delay-06s">
<a href="javascript:void(0)"><i class="fa-dribbble"></i></a>
</li>
</ul>
</div>
<div class="col-lg-6 wow fadeInUp delay-06s">
<div class="form">
<input
class="input-text animated wow flipInY delay-02s"
type="text"
name=""
value="Your Name *"
onFocus="if(this.value==this.defaultValue)this.value='';"
onBlur="if(this.value=='')this.value=this.defaultValue;"
/>
<input
class="input-text animated wow flipInY delay-04s"
type="text"
name=""
value="Your E-mail *"
onFocus="if(this.value==this.defaultValue)this.value='';"
onBlur="if(this.value=='')this.value=this.defaultValue;"
/>
<textarea
class="input-text text-area animated wow flipInY delay-06s"
id="message"
cols="0"
rows="0"
onFocus="if(this.value==this.defaultValue)this.value='';"
onBlur="if(this.value=='')this.value=this.defaultValue;"
></textarea>
<input
class="input-btn animated wow flipInY delay-08s"
type="submit"
value="send message"
/>
</div>
</div>
new sites
2024-03-24 20:08:23 -05:00
</div>
new destructr script
2024-03-25 19:22:09 -05:00
</section>
</div>
<div class="container">
<div class="footer_bottom">
<span
>Copyright © 2014 Lumia Theme By
<a href="http://themesell.co/">ThemeSell</a>.
</span>
new sites
2024-03-24 20:08:23 -05:00
</div>
</div>
new destructr script
2024-03-25 19:22:09 -05:00
</footer>
<script type="text/javascript">
$(document).ready(function (e) {
$("#header_outer").scrollToFixed();
$(".res-nav_click").click(function () {
$(".main-nav").slideToggle();
return false;
new sites
2024-03-24 20:08:23 -05:00
});
new destructr script
2024-03-25 19:22:09 -05:00
});
</script>
<script>
wow = new WOW({
animateClass: "animated",
offset: 100,
});
wow.init();
document.getElementById("").onclick = function () {
var section = document.createElement("section");
section.className = "wow fadeInDown";
section.className = "wow shake";
section.className = "wow zoomIn";
section.className = "wow lightSpeedIn";
this.parentNode.insertBefore(section, this);
};
</script>
<script type="text/javascript">
$(window).load(function () {
$("a").bind("click", function (event) {
var $anchor = $(this);
$("html, body")
.stop()
.animate(
{
scrollTop: $($anchor.attr("href")).offset().top - 91,
},
1500,
"easeInOutExpo"
);
/*
new sites
2024-03-24 20:08:23 -05:00
if you don't want to use the easing effects:
$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top
}, 1000);
*/
new destructr script
2024-03-25 19:22:09 -05:00
event.preventDefault();
});
});
</script>
new sites
2024-03-24 20:08:23 -05:00
new destructr script
2024-03-25 19:22:09 -05:00
<!--<script type="text/javascript">
new sites
2024-03-24 20:08:23 -05:00
$(window).load(function(){
var $container = $('.portfolioContainer'),
$body = $('body'),
colW = 350,
columns = null;
$container.isotope({
// disable window resizing
resizable: true,
masonry: {
columnWidth: colW
}
});
$(window).smartresize(function(){
// check if columns has changed
var currentColumns = Math.floor( ( $body.width() -30 ) / colW );
if ( currentColumns !== columns ) {
// set new column count
columns = currentColumns;
// apply width to container manually, then trigger relayout
$container.width( columns * colW )
.isotope('reLayout');
}
}).smartresize(); // trigger resize to set container width
$('.portfolioFilter a').click(function(){
$('.portfolioFilter .current').removeClass('current');
$(this).addClass('current');
var selector = $(this).attr('data-filter');
$container.isotope({
filter: selector,
});
return false;
});
});
</script>
new destructr script
2024-03-25 19:22:09 -05:00
-->
new sites
2024-03-24 20:08:23 -05:00
new destructr script
2024-03-25 19:22:09 -05:00
<script type="text/javascript">
jQuery(document).ready(function ($) {
// Portfolio Isotope
var container = $("#portfolio-wrap");
container.isotope({
animationEngine: "best-available",
animationOptions: {
duration: 200,
queue: false,
},
layoutMode: "fitRows",
});
$("#filters a").click(function () {
$("#filters a").removeClass("active");
$(this).addClass("active");
var selector = $(this).attr("data-filter");
container.isotope({ filter: selector });
setProjects();
return false;
});
function splitColumns() {
var winWidth = $(window).width(),
columnNumb = 1;
if (winWidth > 1024) {
columnNumb = 4;
} else if (winWidth > 900) {
columnNumb = 2;
} else if (winWidth > 479) {
columnNumb = 2;
} else if (winWidth < 479) {
columnNumb = 1;
}
return columnNumb;
}
function setColumns() {
var winWidth = $(window).width(),
columnNumb = splitColumns(),
postWidth = Math.floor(winWidth / columnNumb);
container.find(".portfolio-item").each(function () {
$(this).css({
width: postWidth + "px",
});
});
}
function setProjects() {
setColumns();
container.isotope("reLayout");
}
container.imagesLoaded(function () {
setColumns();
});
$(window).bind("resize", function () {
setProjects();
});
});
$(window).load(function () {
jQuery("#all").click();
return false;
});
</script>
</body>
</html>