- 扫描 ID：
- 5b70c639-2c8b-43b8-9a52-0fa8adb3676b已完成
- 提交的 URL：
- https://whoischroma.com/
- 报告完成时间：
链接 · 找到 0 个
从页面中识别出的传出链接
JavaScript 变量 · 找到 64 个
在页面窗口对象上加载的全局 JavaScript 变量是在函数外部声明的变量，可以从当前范围内的代码中的任何位置访问
| 名称 | 类型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
| jQuery11020031756790355666586 | object |
| html5 | object |
| Modernizr | object |
| yepnope | function |
| onYouTubePlayerAPIReady | function |
控制台日志消息 · 找到 0 条
记录到 Web 控制台的消息
HTML
页面的原始 HTML 正文
<!DOCTYPE html><html class=" js no-touch csstransforms csstransforms3d csstransitions" style="overflow: hidden;"><head>
<title>Who Is Chroma \ Nashville Advertising | Marketing | Web Development</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- CSS Files -->
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- style -->
<link href="css/style.css" rel="stylesheet">
<!-- flexslider File -->
<link rel="stylesheet" href="css/flexslider.css">
<!-- responsive File -->
<link rel="stylesheet" href="css/responsive.css">
<!-- font-awesome CSS -->
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<!-- owl.carousel CSS -->
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<!-- owl.carousel CSS -->
<!-- prettyPhoto CSS -->
<link rel="stylesheet" href="css/prettyPhoto.css">
<!-- animate CSS -->
<link rel="stylesheet" href="css/animate.css">
<!-- End CSS Files -->
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body style="margin: 0px;">
<!-- Loader page -->
<div id="pageloader">
<div class="loader-item">
<img src="img/ajax-loader.gif" alt="loader">
</div>
</div>
<!-- End loader page -->
<!--Home Section -->
<section id="home">
<div id="hom">
<!-- Slider -->
<div id="slides_background" style="position: relative; overflow: hidden; width: 100%; height: 600px;">
<div class="slides-control" style="position: relative; height: 100%; width: 790px; left: -790px;"><div class="slides-container" style="margin: 0px; padding: 0px; list-style: none; position: relative; height: 100%; display: block;">
<!-- Slider Images -->
<div class="img1" style="display: block; left: 790px; position: absolute; overflow: hidden; height: 100%; width: 790px; top: 0px; z-index: 2; opacity: 1;"></div>
<div class="img2" style="display: none; left: 1580px; position: absolute; overflow: hidden; height: 100%; width: 790px; top: 0px; z-index: 0;"></div>
<div class="img3" style="display: none; left: 1580px; position: absolute; overflow: hidden; height: 100%; width: 790px; top: 0px; z-index: 0;"></div>
<div class="img4" style="display: none; left: 1580px; position: absolute; overflow: hidden; height: 100%; width: 790px; top: 0px; z-index: 0;"></div>
<!-- End Slider Images -->
</div></div>
<!-- Slider Controls -->
<nav class="slides-navigation">
<a href="#" class="next"></a>
<a href="#" class="prev"></a>
</nav>
<!-- End Slider Controls -->
</div>
<!-- End Slider Images -->
<!-- Main -->
<div class=" main">
<div class="flexslider home-slider">
<div class="clear"></div>
<div class="flex-viewport" style="overflow: hidden; position: relative; height: 347px;"><ul class="home-slides" style="height: 800%; position: absolute; width: 100%; top: -347px;"><li class="clone" aria-hidden="true" style="display: block;">
<div class="home_logo">
<img src="img/logo_home1.png" alt="images" draggable="false">
</div>
<div class="home_sous_title">
<h3>One part branding firm, one part design studio, one part hair salon and one part digital shop. (One of those doesn�t sound right.)
</h3></div>
<div class="button_home ">
<button class="btn btn-1 btn-1e"> Get Brilliant </button>
</div>
<!-- End Home Button -->
</li>
<li class="flex-active-slide" style="display: block;">
<div class="home_title"><h3>Vivid. Brilliant. Ideas</h3></div>
<div class="home_logo">
<img src="img/logo_home.png" alt="images" draggable="false">
</div>
<div class="home_sous_title"><h3>Those ideas you wrote on a napkin � we�ll dive in, and turn 'em into strategic insights - Then, we get hell-bent on generating BIG IDEAS and executing them BRILLIANTLY!</h3></div>
<div class="button_home ">
<button class="btn btn-1 btn-1e"> Get Brilliant </button>
</div>
<!-- End Home Button -->
</li>
<li style="display: block;">
<div class="home_logo">
<img src="img/logo_home1.png" alt="images" draggable="false">
</div>
<div class="home_sous_title">
<h3>One part branding firm, one part design studio, one part hair salon and one part digital shop. (One of those doesn�t sound right.)
</h3></div>
<div class="button_home ">
<button class="btn btn-1 btn-1e"> Get Brilliant </button>
</div>
<!-- End Home Button -->
</li>
<li class="clone" aria-hidden="true" style="display: block;">
<div class="home_title"><h3>Vivid. Brilliant. Ideas</h3></div>
<div class="home_logo">
<img src="img/logo_home.png" alt="images" draggable="false">
</div>
<div class="home_sous_title"><h3>Those ideas you wrote on a napkin � we�ll dive in, and turn 'em into strategic insights - Then, we get hell-bent on generating BIG IDEAS and executing them BRILLIANTLY!</h3></div>
<div class="button_home ">
<button class="btn btn-1 btn-1e"> Get Brilliant </button>
</div>
<!-- End Home Button -->
</li></ul></div></div>
</div>
<!-- End Main -->
</div>
</section>
<!-- End Home Section -->
<!-- Navigation Section -->
<div id="navigation-sticky-wrapper" class="sticky-wrapper" style="height: 75px;"><section id="navigation">
<div class="navigation">
<!-- Logo Img -->
<div class="logo">
<a class="scroll" href="#home"><img src="img/logo.png" alt="Logo"></a>
</div>
<!--End Logo Img -->
<!-- Nav Menu -->
<div class="nav-menu">
<ul class="nav main-nav">
<li><a class="scroll" href="#hom">Home</a></li>
<li><a class="scroll" href="#abou">About</a></li>
<li><a class="scroll" href="#team">team</a></li>
<li><a class="scroll" href="#services">services</a></li>
<li><a class="scroll" href="#portfolio">portfolio</a></li>
<li><a class="scroll" href="#contact">contact</a></li>
</ul>
</div>
<!-- End NAV menu -->
<!-- Menu For Mobile -->
<div class="dropdown mobile-drop">
<a data-toggle="dropdown" class="mobile-menu" href="#"><i class="fa fa-bars"></i></a>
<ul class="nav dropdown-menu fullwidth" role="menu">
<li><a class="scroll" href="#hom">Home</a></li>
<li><a class="scroll" href="#abou">About</a></li>
<li><a class="scroll" href="#team">team</a></li>
<li><a class="scroll" href="#services">services</a></li>
<li><a class="scroll" href="#portfolio">portfolio</a></li>
<li><a class="scroll" href="#contact">contact</a></li>
</ul>
</div>
<!--End Menu For Mobile -->
</div>
</section></div>
<!-- End Navigation Section -->
<!-- About Section -->
<section id="about">
<div id="abou">
<div class="container">
<!-- About logo -->
<div class="row">
<div class="about_logo">
<img src="img/logo_black.png" class="box bounceIn" alt="images" style="visibility: hidden;">
</div>
<div class="md_about_title box pulse" style="visibility: hidden;">
<h3>Our thinking is bold, our closets free of suits or ties, our creative not for those happy with the status quo. We believe in creating smart work that matters, moves your needle and floats our creative boat.</h3>
<h3>We believe in creating relationships with our clients where open communication, free thinking and creativity can flourish. We believe in our clients� products and ideas � and to be successful, they must believe in ours. We believe that life is too short for pettiness, for cutting corners and for general bullshit. We are good at what we do and it means something to us. And we like working with people who are the same.</h3></div>
</div>
<!-- End About logo -->
<!-- Blog About US -->
<div class="row">
<div class="box-heading box bounceInLeft" style="visibility: hidden;"><span>About us </span></div>
<div class="sous_title box fadeInRightBig" style="visibility: hidden;">
<h3>Our ideas can turn a brand�s skeptics into believers, believers into friends and, occasionally, friends into fanatics � ultimately yielding increases in short-term sales and long-term brand equity alike.</h3>
</div>
</div>
<!-- Blog About US Animate-->
<div class="row">
<aside class="col-sm-6 col-xs-6 col-md-3 text-center workPart box fadeInLeftBig" style="visibility: hidden;">
<div class="about_aside text-center">
<div class="panel dragn text-center">
<span class="bardragn T"></span>
<span class="bardragn R"></span>
<span class="bardragn B"></span>
<span class="bardragn L"></span>
<span class="bardragn2 T"></span>
<span class="bardragn2 R"></span>
<span class="bardragn2 B"></span>
<span class="bardragn2 L"></span>
<img src="img/img1_slid_about.png" alt="images">
<div class="slid_title_about">
<h3>Ecommerce Experts</h3>
</div>
<div class="content_slid_about">
<p class="text-center">Sell your Dream. Accept payments for physical and digital products.</p>
</div>
</div>
</div>
</aside>
<aside class="col-sm-6 col-xs-6 col-md-3 text-center workPart box fadeInUpBig" style="visibility: hidden;">
<div class="about_aside text-center">
<div class="panel dragn text-center">
<span class="bardragn T"></span>
<span class="bardragn R"></span>
<span class="bardragn B"></span>
<span class="bardragn L"></span>
<span class="bardragn2 T"></span>
<span class="bardragn2 R"></span>
<span class="bardragn2 B"></span>
<span class="bardragn2 L"></span>
<img src="img/img2_slid_about.png" alt="images">
<div class="slid_title_about">
<h3> Creative</h3>
</div>
<div class="content_slid_about">
<p class="text-center"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
</div>
</div>
</div>
</aside>
<aside class="col-sm-6 col-xs-6 col-md-3 text-center workPart box fadeInUpBig" style="visibility: hidden;">
<div class="about_aside text-center">
<div class="panel dragn text-center">
<span class="bardragn T"></span>
<span class="bardragn R"></span>
<span class="bardragn B"></span>
<span class="bardragn L"></span>
<span class="bardragn2 T"></span>
<span class="bardragn2 R"></span>
<span class="bardragn2 B"></span>
<span class="bardragn2 L"></span>
<img src="img/img3_slid_about.png" alt="images">
<div class="slid_title_about">
<h3>StRATEGY </h3>
</div>
<div class="content_slid_about">
<p class="text-center"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
</div>
</div>
</div>
</aside>
<aside class="col-sm-6 col-xs-6 col-md-3 text-center workPart box fadeInRightBig" style="visibility: hidden;">
<div class="about_aside text-center">
<div class="panel dragn text-center">
<span class="bardragn T"></span>
<span class="bardragn R"></span>
<span class="bardragn B"></span>
<span class="bardragn L"></span>
<span class="bardragn2 T"></span>
<span class="bardragn2 R"></span>
<span class="bardragn2 B"></span>
<span class="bardragn2 L"></span>
<img src="img/img4_slid_about.png" alt="images">
<div class="slid_title_about">
<h3>Free, Accessible Support </h3>
</div>
<div class="content_slid_about">
<p class="text-center"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
</div>
</div>
</div>
</aside>
<!-- End Blog About US Animate-->
</div>
<!-- End Blog About US -->
<!-- Blog Latest Project -->
<div class="row">
<div class="box-heading box bounceInLeft" style="visibility: hidden;"><span> latest project </span></div>
<div class="sous_title box fadeInRightBig" style="visibility: hidden;">
<h3> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt. </h3>
</div>
</div>
<!-- Slider About -->
<div class="row">
<div class="flexslider_project box fadeInUpBig cent_slid" style="visibility: hidden;">
<div class="flex-viewport" style="overflow: hidden; position: relative;"><ul class="slides" style="width: 800%; margin-left: -740px;"><li class="clone" aria-hidden="true" style="width: 740px; float: left; display: block;">
<div class="col-md-7">
<div class="row">
<div class="my_slid my_slid_view">
<img src="img/img_slider2_about.png" alt="images" draggable="false">
</div>
</div>
</div>
<div class="col-md-5 center_slid">
<div class="row">
<div class="title_slider_about"> Creative ideas for new collections </div>
</div>
<div class="row">
<div class="small_title_about"> <small> Category: Fashion</small> <small> Date: 24 JAN 2014</small> </div>
</div>
<div class="row">
<div class="content_slider_about">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p><a class="btn btn-md btn-sh" href="#">Read more</a> </p>
</div>
</div>
</div>
</li>
<li class="flex-active-slide" style="width: 740px; float: left; display: block;">
<div class="col-md-7">
<div class="row">
<div class="my_slid my_slid_view">
<img src="img/img_slider1_about.png" alt="images" draggable="false">
</div>
</div>
</div>
<div class="col-md-5 center_slid">
<div class="row ">
<div class="title_slider_about"> Fashion price for 2013 </div>
</div>
<div class="row">
<div class="small_title_about"> <small> Category: Fashion</small> <small> Date: 24 JAN 2014</small> </div>
</div>
<div class="row">
<div class="content_slider_about">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p><a class="btn btn-md btn-sh" href="#">Read more</a> </p>
</div>
</div>
</div>
</li>
<li style="width: 740px; float: left; display: block;">
<div class="col-md-7">
<div class="row">
<div class="my_slid my_slid_view">
<img src="img/img_slider2_about.png" alt="images" draggable="false">
</div>
</div>
</div>
<div class="col-md-5 center_slid">
<div class="row">
<div class="title_slider_about"> Creative ideas for new collections </div>
</div>
<div class="row">
<div class="small_title_about"> <small> Category: Fashion</small> <small> Date: 24 JAN 2014</small> </div>
</div>
<div class="row">
<div class="content_slider_about">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p><a class="btn btn-md btn-sh" href="#">Read more</a> </p>
</div>
</div>
</div>
</li>
<li class="clone" aria-hidden="true" style="width: 740px; float: left; display: block;">
<div class="col-md-7">
<div class="row">
<div class="my_slid my_slid_view">
<img src="img/img_slider1_about.png" alt="images" draggable="false">
</div>
</div>
</div>
<div class="col-md-5 center_slid">
<div class="row ">
<div class="title_slider_about"> Fashion price for 2013 </div>
</div>
<div class="row">
<div class="small_title_about"> <small> Category: Fashion</small> <small> Date: 24 JAN 2014</small> </div>
</div>
<div class="row">
<div class="content_slider_about">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p><a class="btn btn-md btn-sh" href="#">Read more</a> </p>
</div>
</div>
</div>
</li></ul></div><ol class="flex-control-nav flex-control-paging"><li><a class="flex-active">1</a></li><li><a>2</a></li></ol><ul class="flex-direction-nav"><li><a class="flex-prev" href="#"></a></li><li><a class="flex-next" href="#"></a></li></ul></div>
</div>
<!-- End Slider About -->
<!--End Blog Latest Project -->
</div>
</div>
</section>
<!-- End About Section -->
<!-- Team Section -->
<section>
<div id="team" style="display:none">
<div class="container">
<div class="row">
<!-- Our team -->
<div class="box-heading box bounceInLeft animated" style="visibility: visible;"><span> OUR TEAM </span></div>
<div class="sous_title box fadeInRightBig animated" style="visibility: visible;">
<h3> At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis </h3>
</div>
<!-- End Our team -->
</div>
</div>
<div id="team_parallex">
<div class="team_row tmrow1">
<div class="content_team_row">
<div class="column1_tmrow left_column ">
</div>
<div class="column2_tmrow left_column">
</div>
<div class="column3_tmrow left_column">
<div class="tmrow_mask col3_row1" style="opacity: 0;">
<h2> Ameli Pertico </h2>
<h3> Feshion Designer </h3>
<div class="list-contact_team">
<ul class="socicals_team">
<li>
<a href="#"><i class="fa fa-facebook"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-twitter "></i></a>
</li>
<li>
<a href="#"><i class="fa fa-linkedin "></i></a>
</li>
<li>
<a href="#"><i class="fa fa-youtube"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="column4_tmrow left_column">
<img src="img/img1-tmrow.png" alt="team" class=" col4_row1" style="opacity: 0.6;">
</div>
</div>
</div>
<div class="team_row tmrow2">
<div class="content_team_row">
<div class="column1_tmrow left_column">
</div>
<div class="column2_tmrow left_column">
<img src="img/img2-tmrow.png" alt="team" class="col2_row2">
</div>
<div class="column3_tmrow left_column">
<div class="tmrow_mask col3_row2">
<h2> Mary Pfeifer </h2>
<h3> Marketing </h3>
<div class="list-contact_team">
<ul class="socicals_team">
<li>
<a href="#"><i class="fa fa-facebook"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-twitter "></i></a>
</li>
<li>
<a href="#"><i class="fa fa-linkedin "></i></a>
</li>
<li>
<a href="#"><i class="fa fa-youtube"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="column4_tmrow left_column">
</div>
</div>
</div>
<div class="team_row tmrow3">
<div class="content_team_row">
<div class="column1_tmrow left_column">
<img src="img/img3-tmrow.png" alt="team" class="col1_row3" style="opacity: 0.6;">
</div>
<div class="column2_tmrow left_column">
<div class="tmrow_mask col2_row3" style="opacity: 0;">
<h2> Deborah Ladner </h2>
<h3> Company CEO </h3>
<div class="list-contact_team">
<ul class="socicals_team">
<li>
<a href="#"><i class="fa fa-facebook"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-twitter "></i></a>
</li>
<li>
<a href="#"><i class="fa fa-linkedin "></i></a>
</li>
<li>
<a href="#"><i class="fa fa-youtube"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="column3_tmrow left_column">
<div class="tmrow_mask col3_row3" style="opacity: 0;">
<h2> Gilbert Sutton </h2>
<h3> Models Designer </h3>
<div class="list-contact_team">
<ul class="socicals_team">
<li>
<a href="#"><i class="fa fa-facebook"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-twitter "></i></a>
</li>
<li>
<a href="#"><i class="fa fa-linkedin "></i></a>
</li>
<li>
<a href="#"><i class="fa fa-youtube"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="column4_tmrow left_column ">
<img src="img/img4-tmrow.png" alt="team" class="col4_row3" style="opacity: 0.6;">
</div>
</div>
</div>
<div class="team_row tmrow4">
<div class="content_team_row">
<div class="column1_tmrow left_column">
</div>
<div class="column2_tmrow left_column">
</div>
<div class="column3_tmrow left_column">
<div class="tmrow_mask col3_row3" style="opacity: 0;">
<h2> Ameli Pertico </h2>
<h3> Feshion Design </h3>
<div class="list-contact_team">
<ul class="socicals_team">
<li>
<a href="#"><i class="fa fa-facebook"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-twitter "></i></a>
</li>
<li>
<a href="#"><i class="fa fa-linkedin "></i></a>
</li>
<li>
<a href="#"><i class="fa fa-youtube"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="column4_tmrow left_column ">
<img src="img/img4-tmrow.png" alt="team" class="col4_row3" style="opacity: 0.6;">
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<!-- team video -->
<div id="video">
<div class="container">
<div class="row">
<div class="text-center">
<div class="title_video">
<h1 style="width:1px; height:50px; overflow:hidden;"> full screen video </h1>
</div>
<div class="logo_video">
<img src="img/logo_white.png" alt="Akwamarin">
</div>
</div>
<div id="P2" class="player video-container" data-property="{videoURL:'https://www.youtube.com/watch?v=GQCaABCsfZ8',containment:'#video',autoPlay:true, mute:true, startAt:0, opacity:1}"></div>
</div>
</div>
</div>
<!-- End team video -->
</section>
<!-- End Team Section -->
<!-- Services Section -->
<section>
<div id="services">
<div class="container">
<!-- Our Services -->
<div class="row">
<div class="box-heading box bounceInLeft" style="visibility: hidden;"><span> Our Services </span></div>
<div class="sous_title box fadeInRight" style="visibility: hidden;">
<h3> At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis </h3>
</div>
<!-- End Our Services -->
</div>
<!-- Our services STATICS -->
<div class="row">
<div class="cart">
<div class="row">
<div class="col-md-3 box fadeInLeftBig" style="visibility: hidden;">
<div class="circular-item hidden ">
<div class="circular-pie" data-percent="93">
<span class="text_span1">93% </span>
</div>
</div>
</div>
<div class="col-md-9 md-text-services box fadeInRightBig" style="visibility: hidden;">
<h2> 10 years of great work </h2>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
<div class="row">
<div class="col-md-3 col-md-push-9 box fadeInUpBig" style="visibility: hidden;">
<div class="circular-item hidden">
<div class="circular-pie" data-percent="68">
<span class="text_span2">68%</span>
</div>
</div>
</div>
<div class="col-md-9 col-md-pull-3 md-text-services box fadeInRightBig" style="visibility: hidden;">
<h2> Big companies choose us </h2>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
<div class="row">
<div class="col-md-3 box fadeInUpBig" style="visibility: hidden;">
<div class="circular-item hidden">
<div class="circular-pie" data-percent="79">
<span class="text_span3"> 79%</span>
</div>
</div>
</div>
<div class="col-md-9 md-text-services box fadeInRightBig" style="visibility: hidden;">
<h2> We use the latest technologies </h2>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
</div>
<!-- End Our services STATICS -->
<!-- OUR Clients -->
<div class="row">
<div class="box-heading box bounceInLeft" style="visibility: hidden;"><span> OUR Clients </span></div>
<div class="sous_title box fadeInRight" style="visibility: hidden;">
<h3> At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis </h3>
</div>
</div>
<!-- OUR Clients -->
<!-- Client Animate -->
<div class="row">
<div id="owl-customer" class="owl-carousel box fadeInUpBig animated" style="visibility: visible;">
<div class="item box animated" style="visibility: visible;">
<aside class="col-sm-3 col-xs-3 col-md-3">
<div class="my_client text-center">
<img src="img/img1-client.png" alt="images">
</div>
</aside>
</div>
<div class="item">
<aside class="col-sm-3 col-xs-3 col-md-3">
<div class="my_client text-center">
<img src="img/img2_client.png" alt="images">
</div>
</aside>
</div>
<div class="item">
<aside class="col-sm-3 col-xs-3 col-md-3">
<div class="my_client text-center">
<img src="img/img3_client.png" alt="images">
</div>
</aside>
</div>
<div class="item">
<aside class="col-sm-3 col-xs-3 col-md-3">
<div class="my_client text-center">
<img src="img/img4-client.png" alt="images">
</div>
</aside>
</div>
<div class="item">
<aside class="col-sm-3 col-xs-6 col-md-3">
<div class="my_client text-center">
<img src="img/img1-client.png" alt="images">
</div>
</aside>
</div>
</div>
</div>
<!-- End Client Animate -->
</div>
<!-- services background parallax -->
<div id="service_background_parallax">
<div class="container">
<div class="row">
<div class="flexslider_service">
<div class="flex-viewport" style="overflow: hidden; position: relative;"><ul class="service_back_anim" style="width: 840%; margin-left: -750px;"><li class="clone" aria-hidden="true" style="width: 750px; float: left; display: block;">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="services_para_title text-center">
<h2> � NULLA FACILISI. NUNC VOLUTPAT. VESTIBULUM ANTE IPSUM PRIMIS IN FAUCIBUS.� </h2> <br>
<small class="sous_title_service_back"> Jenna Smith </small> <br>
<small class="sous_title_service_back"> CEO & Founder </small>
</div>
</div>
</li>
<li class="flex-active-slide" style="width: 750px; float: left; display: block;">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="services_para_title text-center">
<h2> � NULLA FACILISI. NUNC VOLUTPAT. VESTIBULUM ANTE IPSUM PRIMIS IN FAUCIBUS.� </h2> <br>
<small class="sous_title_service_back"> Jenna Smith </small> <br>
<small class="sous_title_service_back"> CEO & Founder </small>
</div>
</div>
</li>
<li style="width: 750px; float: left; display: block;">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="services_para_title text-center">
<h2> � NULLA FACILISI. NUNC VOLUTPAT. VESTIBULUM ANTE IPSUM PRIMIS IN FAUCIBUS.� </h2> <br>
<small class="sous_title_service_back"> Jenna Smith </small> <br>
<small class="sous_title_service_back"> CEO & Founder </small>
</div>
</div>
</li>
<li class="clone" aria-hidden="true" style="width: 750px; float: left; display: block;">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="services_para_title text-center">
<h2> � NULLA FACILISI. NUNC VOLUTPAT. VESTIBULUM ANTE IPSUM PRIMIS IN FAUCIBUS.� </h2> <br>
<small class="sous_title_service_back"> Jenna Smith </small> <br>
<small class="sous_title_service_back"> CEO & Founder </small>
</div>
</div>
</li></ul></div></div>
</div>
</div>
</div>
<!-- End services background parallax -->
</div>
</section>
<!-- End Services Section -->
<!-- Portfolio Section -->
<section>
<div id="portfolio">
<div class="container">
<!-- Our portfolio -->
<div class="row">
<div class="box-heading box bounceInLeft" style="visibility: hidden;"><span> portfolio </span></div>
<div class="sous_title box fadeInRight" style="visibility: hidden;">
<h3> At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis </h3>
</div>
</div>
<!-- End Our portfolio -->
</div>
<div class="box pulse" style="visibility: hidden;">
<!-- portfolio-filter -->
<div class="container">
<div id="portfolio-filter">
<div class="row text-center">
<div class="col-md-12">
<div class="sixteen columns">
<ul class="portfolio-filter-list clearfix">
<li><a class="current btn btn-filter btn-list " href="#" data-filter="*">All Work</a></li>
<li><a class="btn btn-filter btn-list" href="#" data-filter=".fashion">Fashion</a></li>
<li><a class="btn btn-filter btn-list" href="#" data-filter=".design">Design</a></li>
<li><a class="btn btn-filter btn-list" href="#" data-filter=".photography">Photography</a></li>
<li><a class="btn btn-filter btn-list" href="#" data-filter=".style">Style</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- End portfolio-filter -->
<div id="wrapper_portfolio_tam">
<div class="container">
<div id="portfolio-wrap" class="portfolio-wrap">
<article class="portfolio-item design photography">
<a href="img/port1.jpg" data-gal="prettyPhoto[galname]">
<img src="img/img1_portfolio.png" alt="Summer Prices">
<div class="PStyleHe"></div>
<h3> Summer Prices </h3>
</a>
</article>
<article class="portfolio-item fashion style">
<a href="img/port2.jpg" data-gal="prettyPhoto[galname]">
<img src="img/img2_portfolio.png" alt="Perfect Effects">
<div class="PStyleHe"></div>
<h3> Perfect Effects </h3>
</a>
</article>
<article class="portfolio-item design photography">
<a href="img/port3.jpg" data-gal="prettyPhoto[galname]">
<img src="img/img3_portfolio.png" alt="Photos Retouch">
<div class="PStyleHe"></div>
<h3> Photos Retouch </h3>
</a>
</article>
<article class="portfolio-item fashion style">
<a href="img/port4.jpg" data-gal="prettyPhoto[galname]">
<img src="img/img4_portfolio.png" alt="Great Colors">
<div class="PStyleHe"></div>
<h3> Great Colors </h3>
</a>
</article>
<article class="portfolio-item design fashion">
<a href="img/port5.jpg" data-gal="prettyPhoto[galname]">
<img src="img/img5_portfolio.png" alt="Design Winners">
<div class="PStyleHe"></div>
<h3> Design Winners </h3>
</a>
</article>
<article class="portfolio-item photography style">
<a href="img/port6.jpg" data-gal="prettyPhoto[galname]">
<img src="img/img6_portfolio.png" alt="Great Photographie">
<div class="PStyleHe"></div>
<h3> Great Photographie </h3>
</a>
</article>
<article class="portfolio-item style fashion">
<a href="img/port7.jpg" data-gal="prettyPhoto[galname]">
<img src="img/img7_portfolio.png" alt="Miss America">
<div class="PStyleHe"></div>
<h3> Miss America </h3>
</a>
</article>
<article class="portfolio-item fashion photography">
<a href="img/port8.jpg" data-gal="prettyPhoto[galname]">
<img src="img/img8_portfolio.png" alt="Fashion Design">
<div class="PStyleHe"></div>
<h3> Fashion Design </h3>
</a>
</article>
</div>
</div>
</div>
</div>
<div class="container">
<!-- Our Contact -->
<div class="row">
<div class="box-heading box bounceInLeft" style="visibility: hidden;"><span> X </span></div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="portfolio_title text-center box fadeInRight" style="visibility: hidden;">
<h2> Check This One Page Template On Themeforest </h2> <br>
<button class="btn btn-md btn-sh "> Buy Now </button>
</div>
</div>
</div>
<!-- End Our Contact -->
</div>
</div>
</section>
<!-- Portfolio Section -->
<!-- Contact Section -->
<section>
<div id="contact" style="display:none;">
<div class="container">
<!-- Our Google maps -->
<div class="row">
<div class="box-heading box bounceInLeft animated" style="visibility: visible;"><span> X </span></div>
</div>
<!-- End Our Google maps -->
</div>
<!-- Google maps print -->
<div id="my_map"></div>
<!-- Google maps print -->
<div class="container">
<!-- Our Contact -->
<div class="row">
<div class="box-heading box bounceInLeft animated" style="visibility: visible;"><span> Contact Us </span></div>
<div class="sous_title box fadeInRight animated" style="visibility: visible;">
<h3> At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis </h3>
</div>
</div>
<!-- End Our Contact -->
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="list-contact_us">
<ul class="socicals_us">
<li class="box rotateIn animated" style="visibility: visible;">
<a href="#"><i class="fa fa-facebook"></i></a>
</li>
<li class="box rotateIn animated" style="visibility: visible;">
<a href="#"><i class="fa fa-twitter "></i></a>
</li>
<li class="box rotateIn animated" style="visibility: visible;">
<a href="#"><i class="fa fa-linkedin "></i></a>
</li>
<li class="box rotateIn animated" style="visibility: visible;">
<a href="#"><i class="fa fa-skype"></i></a>
</li>
<li class="box rotateIn animated" style="visibility: visible;">
<a href="#"><i class="fa fa-youtube"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Contact background parallax -->
<div id="contact_background_parallax">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 box fadeInUpBig animated" style="visibility: visible;">
<div class="contact_content text-center">
<div class="box fadeInLeftBig animated" style="visibility: visible;">
<div class="image_contact">
<i class="fa fa-map-marker"></i>
</div>
<address>
3015 Westerly Dr, Franklin, TN 37067
</address>
</div>
<div class="box fadeInRightBig animated" style="visibility: visible;">
<div class="image_contact">
<i class="fa fa-phone"></i>
</div>
<div class="telephone">615-457-0699</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End contact background parallax -->
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="formulaire">
<form action="" method="post">
<div class="form-sai-align">
<div class="form_nam box fadeInRightBig animated" style="visibility: visible;">
<input type="text" class="form_txt" name="name" id="name" size="60" maxlength="60" placeholder="Your Name" required="">
</div>
<div class="form_email box fadeInLeftBig animated" style="visibility: visible;">
<input type="email" class="form_txt" name="email" id="email" size="60" maxlength="60" placeholder="Your Email" required="">
</div>
</div>
<div class="form-saisi box fadeInRightBig animated" style="visibility: visible;">
<textarea name="message" id="message" class="form_txt" rows="9" cols="51" placeholder="Type Your Message Here" required=""></textarea>
</div>
<div class="button_send box pulse animated" style="visibility: visible;">
<input type="submit" value="send message" class="btn_send">
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Contact Section -->
<!-- footer -->
<footer>
<div id="footer">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<p id="copyright" class="text-center">
� Copyright 2014 Chroma. All right reserved.
</p>
</div>
</div>
</div>
</div>
</footer>
<!-- End footer -->
<!-- JS Files -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!--jquery.easing JS -->
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<!--flexslider JS -->
<script type="text/javascript" src="js/jquery.flexslider.js"></script>
<!--normolize JS -->
<script type="text/javascript" src="js/modernizr.custom.js"></script>
<!--sticky JS -->
<script type="text/javascript" src="js/jquery.sticky.js"></script>
<!--jquery.mb.YTPlayer JS -->
<script type="text/javascript" src="js/jquery.mb.YTPlayer.js"></script>
<!-- easy-pie-chart Javascript file -->
<script type="text/javascript" src="js/jquery.easy-pie-chart.js"></script>
<!-- Appear Javascript file -->
<script type="text/javascript" src="js/jquery.appear.js"></script>
<!-- Isotope Javascript file -->
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<!-- prettyPhoto Javascript file -->
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<!-- SmoothScroll -->
<script type="text/javascript" src="js/jquery.smooth-scroll.js"></script>
<!-- jQuery Nav -->
<script type="text/javascript" src="js/jquery.nav.js"></script>
<script type="text/javascript" src="js/jquery.superslides.js"></script>
<!-- Owl Carousel -->
<script type="text/javascript" src="js/owl.carousel.js"></script>
<!-- jack-in-the-box -->
<script type="text/javascript" src="js/jack-in-the-box.js"></script>
<!-- CSS Pugin -->
<script type="text/javascript" src="js/CSSPlugin.js"></script>
<!-- Tween Max -->
<script type="text/javascript" src="js/TweenMax.js"></script>
<!-- Tween Max -->
<script type="text/javascript" src="js/jquery.nicescroll.js"></script>
<!-- GOOGLE MAPS Javascript file -->
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=en"></script>
<script type="text/javascript" src="js/gmap3.js"></script>
<!-- Script JS -->
<script type="text/javascript" src="js/script.js"></script>
<!-- End JS Files -->
<div id="ascrail2000" class="nicescroll-rails" style="width: 7px; z-index: auto; cursor: default; position: fixed; top: 0px; height: 100%; right: 0px; opacity: 0.0625;"><div style="position: relative; top: 0px; float: right; width: 5px; height: 49px; background-color: rgb(66, 66, 66); border: 1px solid rgb(255, 255, 255); background-clip: padding-box; border-radius: 5px;"></div></div><div id="ascrail2000-hr" class="nicescroll-rails" style="height: 7px; z-index: auto; position: fixed; left: 0px; width: 100%; bottom: 0px; cursor: default; display: none; opacity: 0.0625;"><div style="position: relative; top: 0px; height: 5px; width: 800px; background-color: rgb(66, 66, 66); border: 1px solid rgb(255, 255, 255); background-clip: padding-box; border-radius: 5px;"></div></div></body></html>