Team:SMTexas

From 2014hs.igem.org

(Difference between revisions)
 
(409 intermediate revisions not shown)
Line 1: Line 1:
-
 
+
{{SMTexas/heading}}
<html>
<html>
-
<head>
 
-
    <title>Sonic Template</title>
 
-
<meta name="keywords" content="sonic, responsive, free template, fluid layout, bootstrap, templatemo" />
 
-
<meta name="description" content="Sonic is one-page responsive free template using Bootstrap. This layout is suitable for creative portfolio showcase." />
 
-
<meta charset="utf-8">
 
-
<meta name="viewport" content="initial-scale=1">
 
-
   
 
-
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
 
-
<link rel="stylesheet" href="css/bootstrap.min.css">
 
-
<link rel="stylesheet" href="css/font-awesome.min.css">
 
-
<link rel="stylesheet" href="css/templatemo_misc.css">
 
-
<link rel="stylesheet" href="css/templatemo_style.css">
 
-
</head>
 
-
<body>
 
-
 
-
<!-- This one in here is responsive menu for tablet and mobiles -->
 
-
    <div class="responsive-navigation visible-sm visible-xs">
 
-
        <a href="#" class="menu-toggle-btn">
 
-
            <i class="fa fa-bars fa-2x"></i>
 
-
        </a>
 
-
        <div class="navigation responsive-menu">
 
-
            <ul>
 
-
                <li class="home"><a href="#templatemo">Home</a></li>
 
-
            <li class="about"><a href="#about">About Us</a></li>
 
-
            <li class="services"><a href="#services">Services</a></li>
 
-
            <li class="portfolio"><a href="#portfolio">Portfolio</a></li>
 
-
            <li class="contact"><a href="#contact">Contact</a></li>
 
-
            </ul> <!-- /.main_menu -->
 
-
        </div> <!-- /.responsive_menu -->
 
-
    </div> <!-- /responsive_navigation -->
 
-
<div id="main-sidebar" class="hidden-xs hidden-sm">
+
<!-- Header -->
-
<div class="logo">
+
<div id="header">
-
<a href="http://www.templatemo.com/preview/templatemo_394_sonic" rel="nofollow"><h1>Sonic</h1></a>
+
<div class="container">
-
<span>Creative Portfolio Template</span>
+
<!-- Logo -->
-
</div> <!-- /.logo -->
+
<div id="logo">  
 +
<h1><a href="https://2014hs.igem.org/wiki/index.php?title=Team:SMTexas" class="nav-link"><img src="https://static.igem.org/mediawiki/2014hs/6/65/SMiGEM_Logo_%26_Text.png" alt=""></a></h1>  
 +
<style>
 +
a.nav-link:link {
 +
  color: #000000;
 +
  text-decoration: none;
 +
}
 +
a.nav-link:visited {
 +
  color: #000000;
 +
  text-decoration: none;
 +
}
 +
a.nav-link:hover {
 +
  color: #000000;
 +
  text-decoration: none;
 +
}
 +
a.nav-link:active {
 +
  color: #000000;
 +
  text-decoration: none;
 +
}
 +
</style>
 +
 +
<style type="text/css">
-
<div class="navigation">
+
/* All Styles Optional */
-
        <ul class="main-menu">
+
-
            <li class="home"><a href="#templatemo">Home</a></li>
+
-
            <li class="about"><a href="#about">About Us</a></li>
+
-
            <li class="services"><a href="#services">Services</a></li>
+
-
            <li class="portfolio"><a href="#portfolio">Portfolio</a></li>
+
-
            <li class="contact"><a href="#contact">Contact</a></li>
+
-
        </ul>
+
-
</div> <!-- /.navigation -->
+
-
</div> <!-- /#main-sidebar -->
 
-
<div id="main-content">
 
-
<div id="templatemo">
+
div#show {
-
<div class="main-slider">
+
height:475px;
-
<div class="flexslider">
+
width:1215px;
-
<ul class="slides">
+
margin:0; padding:2px;
-
                   
+
border:1px solid #909090;
-
<li>
+
}
-
<div class="slider-caption">
+
 
-
<h2>Responsive Layout</h2>
+
div#show table input,  div#show4 table input {
-
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
+
outline-style:none;
-
<a href="http://www.templatemo.com/page/1" rel="nofollow" class="largeButton homeBgColor">Read More</a>
+
}
-
</div>
+
 
-
<img src="images/slide1.jpg" alt="Slide 1">
+
</style>
-
</li>
+
 
-
                       
+
<!--[if IE]>
-
<li>
+
<style type="text/css">
-
<div class="slider-caption">
+
div#show table td, div#show4 table td {
-
<h2>Portfolio Website</h2>
+
height:21px;
-
<p>Fusce convallis enim vitae sagittis mollis. Sed bibendum ultricies dignissim.</p>
+
}
-
<a href="http://www.templatemo.com/page/2" rel="nofollow" class="largeButton homeBgColor">Details</a>
+
</style>
-
</div>
+
<![endif]-->
-
<img src="images/slide2.jpg" alt="Slide 2">
+
 
-
</li>
+
<script src="https://2014hs.igem.org/Template:SMTexas/swissarmy?action=raw&amp;ctype=application/javascript" type="text/javascript"></script>
-
                       
+
 
-
                        <li>
+
<script src="https://2014hs.igem.org/Template:SMTexas/slideshow?action=raw&amp;ctype=application/javascript" type="text/javascript"></script>
-
<div class="slider-caption">
+
-
<h2>Free Templates</h2>
+
-
<p>All templates are free to download and use for your personal or commercial websites.</p>
+
-
<a href="http://www.templatemo.com" rel="nofollow" class="largeButton homeBgColor">Downloads</a>
+
-
</div>
+
-
<img src="images/slide3.jpg" alt="Slide 3">
+
-
</li>
+
-
                       
+
-
</ul>
+
-
</div>
+
-
</div>
+
-
<div class="container-fluid">
+
-
<div class="row">
+
-
<div class="col-md-12">
+
-
<div class="welcome-text">
+
-
<h2>Welcome to Sonic Template</h2>
+
-
<p>Sonic is provided by templatemo website for everyone. Credit goes to <a href="http://flexslider.woothemes.com" rel="nofollow">FlexSlider</a>. Maecenas adipiscing pellentesque elit eu volutpat. Integer vitae <a href="#">pulvinar magna</a>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent auctor mi metus, nec sagittis purus ultrices id.</p>
+
-
</div>
+
</div>
</div>
-
</div>
+
-
</div>
+
-
</div> <!-- /#sTop -->
+
<!-- Header -->
 +
-
<div class="container-fluid">
 
-
<div id="about" class="section-content">
+
<!-- Main -->
 +
<br><br>
 +
<div id="page">
 +
<section><div id="show"><script type="text/javascript">new inter_slide(slideShow)</script></div></section>
 +
<!-- Extra -->
 +
<div id="marketing" class="container">
<div class="row">
<div class="row">
-
<div class="col-md-12">
+
<div class="3u">
-
<div class="section-title">
+
<section>
-
<h2>About Us</h2>
+
<header>
-
</div>
+
<h2>Fundamental Research</h2>
 +
</header>
 +
<p class="subtitle">Explore how our Fundamental Research Team fueled our project development and research.<br><br></p>
 +
<img src="https://static.igem.org/mediawiki/2014hs/5/5e/Basic_Research_PNG.png" alt="">
 +
<a href="https://2014hs.igem.org/Team:SMTexas/basicresearch" class="button">More</a>
 +
<style>
 +
a.button:link {
 +
  color: #FFFFFF;
 +
  text-decoration: none;
 +
}
 +
a.button:visited {
 +
  color: #FFFFFF;
 +
  text-decoration: none;
 +
}
 +
a.button:hover {
 +
  color: #C9E600;
 +
  text-decoration: none;
 +
}
 +
a.button:active {
 +
  color: #FFFFFF;
 +
  text-decoration: none;
 +
}
 +
</style>
 +
 
 +
</section>
 +
                                               
 +
</div>
 +
<div class="3u">
 +
<section>
 +
<header>
 +
<h2>Applied Research<br><br></h2>
 +
</header>
 +
<p class="subtitle">Explore how we have made biobricks that can detect lung cancer in a simple, inexpensive, and noninvasive way.</p>
 +
<img src="https://static.igem.org/mediawiki/2014hs/8/83/Applied_Research_PNG.png" alt="">
 +
<a href="https://2014hs.igem.org/Team:SMTexas/appliedresearch" class="button">More</a>
 +
</section>
 +
</div>
 +
<div class="3u">
 +
<section>
 +
<header>
 +
<h2>Outreach<br><br></h2>
 +
</header>
 +
<p class="subtitle">Educating our community and gathering public opinion on modern biotechnology.<br><br></p>
 +
<img src="https://static.igem.org/mediawiki/2014hs/2/2d/Outreach_PNG.png" alt="">
 +
<a href="https://2014hs.igem.org/wiki/index.php?title=Team:SMTexas/Outreach" class="button">More</a>
 +
</section>
 +
</div>
 +
<div class="3u">
 +
<section>
 +
<header>
 +
<h2>Videos<br><br></h2>
 +
</header>
 +
<p class="subtitle">Watch the video explaining our project in detail as well as numerous informative tutorials.<br><br></p>
 +
<img src="https://static.igem.org/mediawiki/2014hs/d/de/Video_PNG.png" alt="">
 +
<a href="https://2014hs.igem.org/wiki/index.php?title=Team:SMTexas/Video&action=edit&redlink=1" class="button">More</a>
 +
</section>
</div>
</div>
</div>
</div>
 +
</div>
 +
<!-- Extra -->
 +
<div id="marketing" class="container">
<div class="row">
<div class="row">
-
<div class="col-md-4">
+
<div class="3u">
-
<div class="member-item">
+
<section>
-
<div class="member-thumb">
+
<header>
-
<img src="images/team1.jpg" alt="girl 1">
+
<h2>Safety</h2>
-
<div class="overlay">
+
</header>
-
<ul class="social-member">
+
<p class="subtitle">Our safety precautions.<br><br><br></p>
-
<li><a href="#" class="fa fa-facebook"></a></li>
+
<p><img src="https://static.igem.org/mediawiki/2014hs/f/f9/Safety_PNG.png" alt=""></p>
-
<li><a href="#" class="fa fa-twitter"></a></li>
+
<a href="https://2014hs.igem.org/Team:SMTexas/safety" class="button">More</a>
-
<li><a href="#" class="fa fa-linkedin"></a></li>
+
<style>
-
</ul>
+
a.button:link {
-
</div>
+
  color: #FFFFFF;
-
</div>
+
  text-decoration: none;
-
<div class="member-content">
+
}
-
<h4>Christina Welldone</h4>
+
a.button:visited {
-
<p>Marketing Director</p>
+
  color: #FFFFFF;
-
</div>
+
  text-decoration: none;
-
</div>
+
}
-
</div> <!-- /.col-md-4 -->
+
a.button:hover {
-
<div class="col-md-4">
+
  color: #FFCC00;
-
<div class="member-item">
+
  text-decoration: none;
-
<div class="member-thumb">
+
}
-
<img src="images/team2.jpg" alt="girl 2">
+
a.button:active {
-
<div class="overlay">
+
  color: #FFFFFF;
-
<ul class="social-member">
+
  text-decoration: none;
-
<li><a href="#" class="fa fa-facebook"></a></li>
+
}
-
<li><a href="#" class="fa fa-twitter"></a></li>
+
</style>
-
<li><a href="#" class="fa fa-linkedin"></a></li>
+
 
-
</ul>
+
</section>
-
</div>
+
                                               
-
</div>
+
-
<div class="member-content">
+
-
<h4>Teri Belle</h4>
+
-
<p>Creative Executive</p>
+
-
</div>
+
-
</div>
+
-
</div> <!-- /.col-md-4 -->
+
-
<div class="col-md-4">
+
-
<div class="member-item">
+
-
<div class="member-thumb">
+
-
<img src="images/team3.jpg" alt="girl 3">
+
-
<div class="overlay">
+
-
<ul class="social-member">
+
-
<li><a href="#" class="fa fa-facebook"></a></li>
+
-
<li><a href="#" class="fa fa-twitter"></a></li>
+
-
<li><a href="#" class="fa fa-linkedin"></a></li>
+
-
</ul>
+
-
</div>
+
-
</div>
+
-
<div class="member-content">
+
-
<h4>Tawana Cherry</h4>
+
-
<p>Company President</p>
+
-
</div>
+
-
</div>
+
-
</div> <!-- /.col-md-4 -->
+
-
</div> <!-- /.row -->
+
-
<div class="row our-story">
+
-
<div class="col-md-8">
+
-
<h3>Our Management Team</h3>
+
-
Quisque in metus tristique, gravida dolor ut, varius neque. Maecenas ac risus aliquam, facilisis massa id, vulputate elit. Curabitur pretium arcu dictum, faucibus diam quis, commodo turpis. Proin viverra, risus eget egestas sodales, felis ante scelerisque ligula, eget condimentum diam ligula eu tellus.
+
-
                        <br><br>
+
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde, exercitationem, laboriosam, modi non quisquam voluptas accusamus numquam ipsum reiciendis saepe veniam cupiditate explicabo autem. Repudiandae tempore dolore deserunt nemo voluptatum consectetur aspernatur expedita aliquid iste illo enim molestias vel animi quod.
+
</div>
</div>
-
<div class="col-md-4">
+
<div class="3u">
-
<div class="story-image">
+
<section>
-
<img src="images/responsive-design.jpg" alt="">
+
<header>
-
</div>
+
<h2>Attributions</h2>
 +
</header>
 +
<p class="subtitle">Meet the faculty members who played an instrumental role to our success.</p>
 +
<p><img src="https://static.igem.org/mediawiki/2014hs/6/64/Attributions_PNG.png" alt=""></p>
 +
<a href="https://2014hs.igem.org/Team:SMTexas/Attributions" class="button">More</a>
 +
</section>
</div>
</div>
-
</div> <!-- /.row -->
+
<div class="3u">
-
</div> <!-- /#about -->
+
<section>
-
+
<header>
-
<div id="services" class="section-content">
+
<h2>Human Practices</h2>
-
<div class="row">
+
</header>
-
<div class="col-md-12">
+
<p class="subtitle">Our project in the real world.</p><br><br>
-
<div class="section-title">
+
<p><img src="https://static.igem.org/mediawiki/2014hs/5/5d/Human_Practices_PNG.png"></p>
-
<h2>Services</h2>
+
<a href="https://2014hs.igem.org/Team:SMTexas/Human_Practices" class="button">More</a>
-
</div> <!-- /.section-title -->
+
</section>
-
</div> <!-- /.col-md-12 -->
+
-
</div> <!-- /.row -->
+
-
<div class="row">
+
-
<div class="col-md-4">
+
-
<div class="service-item clearfix">
+
-
<div class="service-icon">
+
-
<i class="fa fa-bolt fa-2x"></i>
+
-
</div>
+
-
<div class="service-content">
+
-
<h3>The Best<br>Support Ever</h3>
+
-
</div>
+
-
</div> <!-- /.service-item -->
+
-
</div> <!-- /.col-md-4 -->
+
-
<div class="col-md-4">
+
-
<div class="service-item">
+
-
<div class="service-icon">
+
-
<i class="fa fa-laptop fa-2x"></i>
+
-
</div>
+
-
<div class="service-content">
+
-
<h3>Fully<br>Responsive Design</h3>
+
-
</div>
+
-
</div> <!-- /.service-item -->
+
-
</div> <!-- /.col-md-4 -->
+
-
<div class="col-md-4">
+
-
<div class="service-item">
+
-
<div class="service-icon">
+
-
<i class="fa fa-pencil fa-2x"></i>
+
-
</div>
+
-
<div class="service-content">
+
-
<h3>Unlimited<br>Layouts Options</h3>
+
-
</div>
+
-
</div> <!-- /.service-item -->
+
-
</div> <!-- /.col-md-4 -->
+
-
</div> <!-- /.row -->
+
-
<div class="row our-skills">
+
-
<div class="col-md-8">
+
-
<h3>Our Skills</h3>
+
-
Integer hendrerit erat sed tellus pretium, eu sodales eros dignissim. Duis augue eros, mollis ac velit at, rutrum tincidunt ipsum. Morbi semper dui id fringilla semper. Etiam vulputate sagittis vestibulum. Vivamus ac ante cursus, feugiat ipsum et, aliquet justo. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, minima soluta numquam perferendis illum alias omnis commodi error veritatis a esse nostrum asperiores recusandae.
+
</div>
</div>
-
<div class="col-md-4">
+
<div class="3u">
-
<ul class="progess-bars">
+
<section>
-
<li>
+
<header>
-
<div class="progress">
+
<h2>Sponsors</h2>
-
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;">Graphics 90%</div>
+
</header>
-
</div>
+
<p class="subtitle">Meet the corporations that played an instrumental role in our success.</p><br>
-
</li>
+
<p><img src="https://static.igem.org/mediawiki/2014hs/9/90/Sponsors_PNG.png" alt=""></p>
-
<li>
+
<a href="https://2014hs.igem.org/Team:SMTexas/Sponsors" class="button">More</a>
-
<div class="progress">
+
</section>
-
<div class="progress-bar" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%;">HTML5 CSS3 75%</div>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<div class="progress">
+
-
<div class="progress-bar" role="progressbar" aria-valuenow="66" aria-valuemin="0" aria-valuemax="100" style="width: 66%;">WordPress 66%</div>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<div class="progress">
+
-
<div class="progress-bar" role="progressbar" aria-valuenow="88" aria-valuemin="0" aria-valuemax="100" style="width: 88%;">Marketing 88%</div>
+
-
</div>
+
-
</li>
+
-
</ul>
+
</div>
</div>
 +
</div>
</div>
-
</div> <!-- /#services -->
+
</div>
-
 
+
-
<div id="portfolio" class="section-content">
+
 +
<!-- Main -->
 +
<div id="main" class="container">
<div class="row">
<div class="row">
-
<div class="col-md-12">
+
<div class="6u">
-
<div class="section-title">
+
<section>
-
<h2>Portfolio</h2>
+
<header>
-
</div> <!-- /.section-title -->
+
<h2>Biotechnology Initiative</h2>
-
</div> <!-- /.col-md-12 -->
+
<span class="byline"></span>
-
</div> <!-- /.row -->
+
</header>
-
<div class="row">
+
<img src="https://static.igem.org/mediawiki/2014hs/a/ae/Commism.png" alt="">
-
<div class="col-md-4">
+
<br><br>
-
<div class="portfolio-item">
+
-
<div class="portfolio-thumb">
+
<img src="https://static.igem.org/mediawiki/2014hs/8/8b/Smgraph.png" alt="">
-
<img src="images/portfolio/1.jpg" alt="Fantasy">
+
<br><br>
-
<div class="overlay-p">
+
<p>The first iGEM high school team from the state of Texas, the St. Mark’s iGEM Team was established as part of a Biotechnology Initiative begun in September of 2013 by our school’s Biology Club. This Initiative, spurred on by iGEM, revitalized our Club and helped generate significant interest in synthetic biology from the student body, faculty, and school administration. In our first year we achieved regular access to a radiation oncology lab at the University of Texas Southwestern Medical Center, $1500 in funding from the school to cover the registration fee for the iGEM Competition, exlcusive laboratory space at the school, and a more than four-fold increase in membership of the Biology Club to twenty-two members.
-
<a href="images/portfolio/1.jpg" data-gal="prettyPhoto">
+
<br><br>
-
<i class="fa fa-arrows-alt fa-2x"></i>
+
Our iGEM Team blends the setup of a traditional club with the highly efficient structure of a professional research laboratory. The Team is divided into four Committees: Fundamental Research, Applied Research, Outreach, and Web Development. This allows us to work more efficiently and cohesively. We have had to lay the foundation of our iGEM Team this year by informing the school community on synthetic biology, seeking financial support, and establishing laboratory resources for our project. But it was our infectious enthusiasm and indefatigable determination for synthetic biology that allowed us to overcome administrative hurdles and a steep learning curve. Through our journey this year, we have proven that a school with limited resources in biotechnology can make significant strides, effectively pioneer investigations in the field, and shown our community the tremendous potential we have in the future.</p>
-
</a>
+
-
</div>
+
-
</div> <!-- /.portfolio-thumb -->
+
-
<h3 class="portfolio-title"><a href="#">Fantasy</a></h3>
+
</section>
-
</div> <!-- /.portfolio-item -->
+
</div>
-
</div> <!-- /.col-md-4 -->
+
<div class="6u">
-
<div class="col-md-4">
+
<section>
-
<div class="portfolio-item">
+
<header>
-
<div class="portfolio-thumb">
+
<h2>About Us</h2>
-
<img src="images/portfolio/2.jpg" alt="Botany">
+
<span class="byline"></span>
-
<div class="overlay-p">
+
</header>
-
<a href="images/portfolio/2.jpg" data-gal="prettyPhoto">
+
<img src="https://static.igem.org/mediawiki/2014hs/7/79/St._Mark%27s.jpg">
-
<i class="fa fa-arrows-alt fa-2x"></i>
+
<br><br>
-
</a>
+
<p><b>Our Mission Statement:</b> To improve the community by pioneering investigations into bio-technology by solving real-world problems in order to promote scientific inquiry and educate the future leaders of biological engineering.</p>
-
</div>
+
<p><b>About St. Mark's:</b> St. Mark's School of Texas is a non-sectarian, college-preparatory, independent day school for boys in grades one through twelve. The School's charter states that it is "designed to afford its students well-rounded physical, intellectual, moral, and religious training and instruction." The School is intended to be a diverse community of teachers and students who share a love of learning and who strive for high achievement in whatever they undertake.</p>
-
</div> <!-- /.portfolio-thumb -->
+
-
<h3 class="portfolio-title"><a href="#">Botany</a></h3>
+
<table><tr><td width="300" align="center"><a href="http://www.smtexas.org/home" class="button">Visit Our School</a></td><td width="300 align="center"><a href="https://2014hs.igem.org/Team:SMTexas/team" class="button">The Team</a></td></tr></table>
-
</div> <!-- /.portfolio-item -->
+
</section>
-
</div> <!-- /.col-md-4 -->
+
</div>
-
<div class="col-md-4">
+
<div class="3u">
-
<div class="portfolio-item">
+
<section class="sidebar">
-
<div class="portfolio-thumb">
+
<header>
-
<img src="images/portfolio/3.jpg" alt="Universe">
+
<h2><br><br>Follow us on:</h2>
-
<div class="overlay-p">
+
</header>
-
<a href="images/portfolio/3.jpg" data-gal="prettyPhoto">
+
<ul class="style2">
-
<i class="fa fa-arrows-alt fa-2x"></i>
+
<li>
-
</a>
+
<a href="http://www.facebook.com/smbiology"><img src="https://static.igem.org/mediawiki/2014hs/f/fd/Facebook.jpg" alt=""></a>
-
</div>
+
<p>Facebook</p>
-
</div> <!-- /.portfolio-thumb -->
+
</li>
-
<h3 class="portfolio-title"><a href="#">Universe</a></h3>
+
<li>
-
</div> <!-- /.portfolio-item -->
+
<a href="http://www.twitter.com/smbiology"><img src="https://static.igem.org/mediawiki/2014hs/2/2a/Twitter.jpg" alt=""></a>
-
</div> <!-- /.col-md-4 -->
+
<p>Twitter</p>
-
</div> <!-- /.row -->
+
</li>
-
<div class="row">
+
<li>
-
<div class="col-md-4">
+
<a href="http://instagram.com/smbiology"><img src="https://static.igem.org/mediawiki/2014hs/f/f7/Instagram.jpg" alt=""></a>
-
<div class="portfolio-item">
+
<p>Instagram</p>
-
<div class="portfolio-thumb">
+
</li>
-
<img src="images/portfolio/4.jpg" alt="Channel">
+
<li>
-
<div class="overlay-p">
+
<a href="http://youtube.com/smbiology"><img src="https://static.igem.org/mediawiki/2014hs/5/56/Youtube.jpg" alt=""></a>
-
<a href="images/portfolio/4.jpg" data-gal="prettyPhoto">
+
<p>Youtube</p>
-
<i class="fa fa-arrows-alt fa-2x"></i>
+
</li>
-
</a>
+
</ul>
-
</div>
+
</section>
-
</div> <!-- /.portfolio-thumb -->
+
-
<h3 class="portfolio-title"><a href="#">Channel</a></h3>
+
-
</div> <!-- /.portfolio-item -->
+
-
</div> <!-- /.col-md-4 -->
+
-
<div class="col-md-4">
+
-
<div class="portfolio-item">
+
-
<div class="portfolio-thumb">
+
-
<img src="images/portfolio/5.jpg" alt="Dragonfly">
+
-
<div class="overlay-p">
+
-
<a href="images/portfolio/5.jpg" data-gal="prettyPhoto">
+
-
<i class="fa fa-arrows-alt fa-2x"></i>
+
-
</a>
+
-
</div>
+
-
</div> <!-- /.portfolio-thumb -->
+
-
<h3 class="portfolio-title"><a href="#">Dragonfly</a></h3>
+
-
</div> <!-- /.portfolio-item -->
+
-
</div> <!-- /.col-md-4 -->
+
-
<div class="col-md-4">
+
-
<div class="portfolio-item">
+
-
<div class="portfolio-thumb">
+
-
<img src="images/portfolio/6.jpg" alt="Titanium">
+
-
<div class="overlay-p">
+
-
<a href="images/portfolio/6.jpg" data-gal="prettyPhoto">
+
-
<i class="fa fa-arrows-alt fa-2x"></i>
+
-
</a>
+
-
</div>
+
-
</div> <!-- /.portfolio-thumb -->
+
-
<h3 class="portfolio-title"><a href="#">Titanium</a></h3>
+
-
</div> <!-- /.portfolio-item -->
+
-
</div> <!-- /.col-md-4 -->
+
-
</div> <!-- /.row -->
+
-
<div class="row">
+
-
<div class="col-md-12">
+
-
<div class="load-more">
+
-
<a href="#portfolio" class="largeButton portfolioBgColor">Load More</a>
+
-
</div>
+
</div>
</div>
-
</div>
+
-
</div> <!-- /#portfolio -->
+
<!-- Main -->
-
<div id="contact" class="section-content">
+
</div>
-
<div class="row">
+
<!-- /Main -->
-
<div class="col-md-12">
+
-
<div class="section-title">
+
-
<h2>Contact Us</h2>
+
-
</div> <!-- /.section-title -->
+
-
</div> <!-- /.col-md-12 -->
+
-
</div> <!-- /.row -->
+
-
<div class="row">
+
-
<div class="col-md-12">
+
-
<div class="map-holder">
+
-
<div class="google-map-canvas" id="map-canvas" style="height: 400px;">
+
-
                    </div>
+
-
</div> <!-- /.map-holder -->
+
-
</div> <!-- /.col-md-12 -->
+
-
</div> <!-- /.row -->
+
-
<div class="row contact-form">
+
-
<div class="col-md-4">
+
-
<label for="name-id" class="required">Name:</label>
+
-
<input name="name-id" type="text" id="name-id" maxlength="40">
+
-
</div> <!-- /.col-md-4 -->
+
-
<div class="col-md-4">
+
-
<label for="email-id" class="required">Email:</label>
+
-
<input name="email-id" type="text" id="email-id" maxlength="40">
+
-
</div> <!-- /.col-md-4 -->
+
-
<div class="col-md-4">
+
-
<label for="subject-id">Subject:</label>
+
-
<input name="subject-id" type="text" id="subject-id" maxlength="60">
+
-
</div> <!-- /.col-md-4 -->
+
-
<div class="col-md-12">
+
-
<label for="message-id" class="required">Message:</label>
+
-
<textarea name="message-id" id="message-id" rows="6"></textarea>
+
-
</div> <!-- /.col-md-12 -->
+
-
<div class="col-md-12">
+
-
<div class="submit-btn">
+
-
<a href="#" class="largeButton contactBgColor">Send Message</a>
+
-
</div> <!-- /.submit-btn -->
+
-
</div> <!-- /.col-md-12 -->
+
-
</div>
+
-
</div> <!-- /#contact -->
+
-
</div> <!-- /.container-fluid -->
+
-
 
+
-
<div class="site-footer">
+
-
<div class="first-footer">
+
-
<div class="container-fluid">
+
-
<div class="row">
+
-
<div class="col-md-12">
+
-
<div class="social-footer">
+
-
<ul>
+
-
<li><a href="#" class="fa fa-facebook"></a></li>
+
-
<li><a href="#" class="fa fa-twitter"></a></li>
+
-
<li><a href="#" class="fa fa-dribbble"></a></li>
+
-
<li><a href="#" class="fa fa-linkedin"></a></li>
+
-
<li><a href="#" class="fa fa-rss"></a></li>
+
-
</ul>
+
-
</div> <!-- /.social-footer -->
+
-
</div> <!-- /.col-md-12 -->
+
-
</div> <!-- /.row -->
+
-
</div> <!-- /.container-fluid -->
+
-
</div> <!-- /.first-footer -->
+
-
<div class="bottom-footer">
+
-
<div class="container-fluid">
+
-
<div class="row">
+
-
<div class="col-md-6">
+
-
<p class="copyright">Copyright © 2084 <a href="#">Your Company Name</a>
+
-
                            </p>
+
-
</div> <!-- /.col-md-6 -->
+
-
<div class="col-md-6 credits">
+
-
<p>Design: <a href="http://www.templatemo.com/preview/templatemo_394_sonic" rel="nofollow">Sonic</a></p>
+
-
                            <!-- / please support templatemo.com by providing a credit link. thank you. / -->
+
-
</div> <!-- /.col-md-6 -->
+
-
</div> <!-- /.row -->
+
-
</div> <!-- /.container-fluid -->
+
-
</div> <!-- /.bottom-footer -->
+
-
</div> <!-- /.site-footer -->
+
-
 
+
-
</div> <!-- /#main-content -->
+
-
 
+
-
<!-- JavaScripts -->
+
-
<script src="js/jquery-1.10.2.min.js"></script>
+
-
<script src="js/jquery.singlePageNav.js"></script>
+
-
<script src="js/jquery.flexslider.js"></script>
+
-
<script src="js/jquery.prettyPhoto.js"></script>
+
-
<script src="js/custom.js"></script>
+
-
<script>
+
-
$(document).ready(function(){
+
-
$("a[data-gal^='prettyPhoto']").prettyPhoto({hook: 'data-gal'});
+
-
});
+
-
 
+
-
        function initialize() {
+
-
          var mapOptions = {
+
-
            zoom: 11,
+
-
            center: new google.maps.LatLng(16.8451789,96.1439764)
+
-
          };
+
-
 
+
-
          var map = new google.maps.Map(document.getElementById('map-canvas'),
+
-
              mapOptions);
+
-
        }
+
-
 
+
-
        function loadScript() {
+
-
          var script = document.createElement('script');
+
-
          script.type = 'text/javascript';
+
-
          script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&' +
+
-
              'callback=initialize';
+
-
          document.body.appendChild(script);
+
-
        }
+
-
        window.onload = loadScript;
 
-
    </script>
 
-
</body>
+
</body>
</html>
</html>

Latest revision as of 14:25, 20 June 2014