Difference between revisions of "Template:IONIS Paris-test"

Line 1: Line 1:
−
<html>
+
<html lang="en">
−
<style type="text/css">
+
−
  /* Hide first heading */
+
−
.firstHeading {
+
−
display: none;
+
−
}
+
−
+
−
  #content {
+
−
    border:none;
+
−
    width:100%;
+
−
    margin:0;
+
−
    padding:0;
+
−
    background:none;
+
−
  }
+
−
 
+
−
</style>
+
  
 
<head>
 
<head>
−
<title>Landon</title>
+
    <meta charset="utf-8">
−
<meta charset="utf-8">
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
−
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+
    <meta name="description" content="">
−
<link href="layout/styles/layout.css" rel="stylesheet" type="text/css" media="all">
+
    <meta name="author" content="">
 +
 
 +
    <title>IONIS Paris 2015</title>
 +
 
 +
 
 +
 
 
</head>
 
</head>
−
<body id="top">
+
 
−
<!-- ################################################################################################ -->
+
<body id="page-top" data-spy="scroll" data-target=".navbar-custom">
−
<!-- ################################################################################################ -->
+
<!-- Preloader -->
−
<!-- ################################################################################################ -->
+
<div id="preloader">
−
<!-- Top Background Image Wrapper -->
+
  <div id="load"></div>
−
<div class="bgded" style="background-image:url('images/demo/backgrounds/01.png');">
+
</div>
−
  <div class="wrapper row0">
+
 
−
    <div id="topbar" class="clear">  
+
    <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
−
      <!-- ################################################################################################ -->
+
        <div class="container">
−
      <ul class="nospace inline pushright">
+
            <div class="navbar-header page-scroll">
−
        <li><a href="#" title="Home"><i class="fa fa-home"></i></a></li>
+
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
−
        <li><a href="#" title="About"><i class="fa fa-info"></i></a></li>
+
                    <i class="fa fa-bars"></i>
−
         <li><a href="#" title="Contact"><i class="fa fa-mobile"></i></a></li>
+
                </button>
−
        <li><a href="#" title="Login"><i class="fa fa-sign-in"></i></a></li>
+
                <a class="navbar-brand" href="index.html">
−
         <li><a href="#" title="Register"><i class="fa fa-user-plus"></i></a></li>
+
                    <h1>SQUAD FREE</h1>
−
        <li><a href="#" title="Newsletter"><i class="fa fa-newspaper-o"></i></a></li>
+
                </a>
−
        <li><a href="#" title="RSS Feed"><i class="fa fa-rss"></i></a></li>
+
            </div>
 +
 
 +
            <!-- Collect the nav links, forms, and other content for toggling -->
 +
            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
 +
      <ul class="nav navbar-nav">
 +
        <li class="active"><a href="#intro">Home</a></li>
 +
         <li><a href="#about">About</a></li>
 +
<li><a href="#service">Service</a></li>
 +
<li><a href="#contact">Contact</a></li>
 +
         <li class="dropdown">
 +
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="#">Example menu</a></li>
 +
            <li><a href="#">Example menu</a></li>
 +
            <li><a href="#">Example menu</a></li>
 +
          </ul>
 +
        </li>
 
       </ul>
 
       </ul>
−
      <!-- ################################################################################################ -->
+
            </div>
−
    </div>
+
            <!-- /.navbar-collapse -->
−
  </div>
+
         </div>
−
  <!-- ################################################################################################ -->
+
         <!-- /.container -->
−
  <!-- ################################################################################################ -->
+
     </nav>
−
  <!-- ################################################################################################ -->
+
 
−
  <div class="wrapper row1">
+
<!-- Section: intro -->
−
    <header id="header" class="clear">
+
     <section id="intro" class="intro">
−
      <!-- ################################################################################################ -->
+
−
      <div id="logo" class="fl_left">
+
<div class="slogan">
−
         <h1><a href="index.html">Landon</a></h1>
+
<h2>WELCOME TO <span class="text_color">SQUAD</span> </h2>
−
      </div>
+
<h4>WE ARE GROUP OF GENTLEMEN MAKING AWESOME WEB WITH BOOTSTRAP</h4>
−
      <nav id="mainav" class="fl_right">
+
</div>
−
         <ul class="clear">
+
<div class="page-scroll">
−
          <li class="active"><a href="index.html">Home</a></li>
+
<a href="#service" class="btn btn-circle">
−
          <li><a class="drop" href="#">Pages</a>
+
<i class="fa fa-angle-double-down animated"></i>
−
            <ul>
+
</a>
−
              <li><a href="pages/gallery.html">Gallery</a></li>
+
</div>
−
              <li><a href="pages/full-width.html">Full Width</a></li>
+
−
              <li><a href="pages/sidebar-left.html">Sidebar Left</a></li>
+
−
              <li><a href="pages/sidebar-right.html">Sidebar Right</a></li>
+
−
              <li><a href="pages/basic-grid.html">Basic Grid</a></li>
+
−
            </ul>
+
−
          </li>
+
−
          <li><a class="drop" href="#">Dropdown</a>
+
−
            <ul>
+
−
              <li><a href="#">Level 2</a></li>
+
−
              <li><a class="drop" href="#">Level 2 + Drop</a>
+
−
                <ul>
+
−
                  <li><a href="#">Level 3</a></li>
+
−
                  <li><a href="#">Level 3</a></li>
+
−
                  <li><a href="#">Level 3</a></li>
+
−
                </ul>
+
−
              </li>
+
−
              <li><a href="#">Level 2</a></li>
+
−
            </ul>
+
−
          </li>
+
−
          <li><a href="#">Link Text</a></li>
+
−
          <li><a href="#">Link Text</a></li>
+
−
        </ul>
+
−
      </nav>
+
−
      <!-- ################################################################################################ -->
+
−
     </header>
+
−
  </div>
+
−
  <!-- ################################################################################################ -->
+
−
  <!-- ################################################################################################ -->
+
−
  <!-- ################################################################################################ -->
+
−
  <div class="wrapper row0">
+
−
     <section id="pageintro" class="clear">  
+
−
      <!-- ################################################################################################ -->
+
−
      <h2 class="heading underlined">Proin viverra</h2>
+
−
      <p>Placerat porttitor lacus lacinia id vestibulum egestas nisi at dui posuere aliquet donec at turpis nisl vestibulum ante ipsum primis in faucibus orci.</p>
+
−
      <p><a class="btn inverse" href="#">Luctus et Ultrices</a></p>
+
−
      <!-- ################################################################################################ -->
+
−
    </section>
+
−
  </div>
+
−
  <!-- ################################################################################################ -->
+
−
  <!-- ################################################################################################ -->
+
−
  <!-- ################################################################################################ -->
+
−
  <div class="wrapper row2">
+
−
    <section id="shout" class="clear">
+
−
      <!-- ################################################################################################ -->
+
−
      <div class="three_quarter first">
+
−
        <h2 class="btmspace-10">Posuere cubilia curae sed convallis</h2>
+
−
        <p class="nospace">Tempor nibh ultrices ut etiam feugiat ultrices nisl a rhoncus pellentesque laoreet elit.</p>
+
−
      </div>
+
−
      <div class="one_quarter"><a class="btn" href="#">Accumsan nulla</a></div>
+
−
      <!-- ################################################################################################ -->
+
 
     </section>
 
     </section>
−
  </div>
+
<!-- /Section: intro -->
−
</div>
+
 
−
<!-- End Top Background Image Wrapper -->
+
<!-- Section: about -->
−
<!-- ################################################################################################ -->
+
    <section id="about" class="home-section text-center">
−
<!-- ################################################################################################ -->
+
<div class="heading-about">
−
<!-- ################################################################################################ -->
+
<div class="container">
−
<div class="wrapper row3">
+
<div class="row">
−
  <main class="container clear">  
+
<div class="col-lg-8 col-lg-offset-2">
−
    <!-- main body -->
+
<div class="wow bounceInDown" data-wow-delay="0.4s">
−
    <!-- ################################################################################################ -->
+
<div class="section-heading">
−
    <div class="group">
+
<h2>About us</h2>
−
      <article class="one_third first btmspace-50">
+
<i class="fa fa-2x fa-angle-down"></i>
−
        <h2 class="font-x1 btmspace-30"><i class="fa fa-2x fa-microphone rightspace-10"></i> <a href="#">Aliquam pellentesque</a></h2>
+
 
−
        <p>Donec sollicitudin risus a nisl cursus, in scelerisque lorem sagittis nullam et ligula mattis. Luctus arcu eget vestibulum sollicitudin tortor at ipsum tempor&hellip;</p>
+
</div>
−
      </article>
+
</div>
−
      <article class="one_third btmspace-50">
+
</div>
−
        <h2 class="font-x1 btmspace-30"><i class="fa fa-2x fa-mortar-board rightspace-10"></i> <a href="#">Condimentum posuere</a></h2>
+
</div>
−
         <p>Fusce dapibus sodales molestie cras vitae turpis ligula fusce luctus urna lectus, ut pulvinar justo consequat sit amet aliquam ut magna nec arcu tempor rutrum&hellip;</p>
+
</div>
−
      </article>
+
</div>
−
      <article class="one_third btmspace-50">
+
<div class="container">
−
        <h2 class="font-x1 btmspace-30"><i class="fa fa-2x fa-paperclip rightspace-10"></i> <a href="#">Placerat massa</a></h2>
+
 
−
        <p>Maecenas et purus eu libero ultricies placerat aliquam sed massa volutpat, molestie enim id accumsan lectus mauris quis ante eu urna dictum congue&hellip;</p>
+
<div class="row">
−
      </article>
+
<div class="col-lg-2 col-lg-offset-5">
−
      <article class="one_third first">
+
<hr class="marginbot-50">
−
        <h2 class="font-x1 btmspace-30"><i class="fa fa-2x fa-bullhorn rightspace-10"></i> <a href="#">Lacinia lobortis</a></h2>
+
</div>
−
        <p>Vestibulum efficitur ullamcorper odio vitae tristique leo vivamus euismod, turpis elementum aliquam posuere felis justo semper mauris eu volutpat magna&hellip;</p>
+
</div>
−
      </article>
+
         <div class="row">
−
      <article class="one_third">
+
            <div class="col-xs-6 col-sm-3 col-md-3">
−
        <h2 class="font-x1 btmspace-30"><i class="fa fa-2x fa-calculator rightspace-10"></i> <a href="#">Faucibus malesuada</a></h2>
+
<div class="wow bounceInUp" data-wow-delay="0.2s">
−
        <p>Praesent in mattis lorem nam eget dui volutpat, facilisis arcu at sollicitudin nibh sed egestas eget lorem in laoreet vesti bulum ante ipsum primis faucibus&hellip;</p>
+
                <div class="team boxed-grey">
−
      </article>
+
                    <div class="inner">
−
      <article class="one_third">
+
<h5>Anna Hanaceck</h5>
−
        <h2 class="font-x1 btmspace-30"><i class="fa fa-2x fa-puzzle-piece rightspace-10"></i> <a href="#">Bibendum ut felis</a></h2>
+
                        <p class="subtitle">Pixel Crafter</p>
−
        <p>Orci luctus et ultrices posuere cubilia curae duis semper vitae augue eu varius sed semper, sapien sit amet urna lobortis sagittis curabitur congue fermentum&hellip;</p>
+
                        <div class="avatar"><img src="img/team/1.jpg" alt="" class="img-responsive img-circle" /></div>
−
      </article>
+
                    </div>
−
    </div>
+
                </div>
−
    <!-- ################################################################################################ -->
+
</div>
−
    <!-- / main body -->
+
            </div>
−
    <div class="clear"></div>
+
<div class="col-xs-6 col-sm-3 col-md-3">
−
  </main>
+
<div class="wow bounceInUp" data-wow-delay="0.5s">
−
</div>
+
                <div class="team boxed-grey">
−
<!-- ################################################################################################ -->
+
                    <div class="inner">
−
<!-- ################################################################################################ -->
+
<h5>Maura Daniels</h5>
−
<!-- ################################################################################################ -->
+
                        <p class="subtitle">Ruby on Rails</p>
−
<div class="bgded overlay" style="background-image:url('images/demo/backgrounds/02.png');">
+
                        <div class="avatar"><img src="img/team/2.jpg" alt="" class="img-responsive img-circle" /></div>
−
  <section class="blocks centred clear">  
+
 
−
    <!-- ################################################################################################ -->
+
                    </div>
−
    <h2 class="center btmspace-80">Aenean eget aliquam odio non fermentum</h2>
+
                </div>
−
    <div class="group">
+
</div>
−
      <div class="one_half first">
+
            </div>
−
        <article class="btmspace-30 bg_dark inspace-30">
+
<div class="col-xs-6 col-sm-3 col-md-3">
−
          <h2 class="font-x2 btmspace-30">Vestibulum efficitur</h2>
+
<div class="wow bounceInUp" data-wow-delay="0.8s">
−
          <p>Curabitur eget molestie dui cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus cras aliquam arcu in lacinia dignissim&hellip;</p>
+
                <div class="team boxed-grey">
−
          <p class="nospace"><a href="#">Read More &raquo;</a></p>
+
                    <div class="inner">
−
        </article>
+
<h5>Jack Briane</h5>
−
        <article class="bg_light inspace-30">
+
                        <p class="subtitle">jQuery Ninja</p>
−
          <h2 class="font-x2 btmspace-30">Elementum volutpat</h2>
+
                        <div class="avatar"><img src="img/team/3.jpg" alt="" class="img-responsive img-circle" /></div>
−
          <p>Phasellus sit amet lacus quis neque congue porttitor sed id urna curabitur commodo dignissim sollicitudin nunc tincidunt tristique lorem a scelerisque lacinia quis&hellip;</p>
+
 
−
          <p class="nospace"><a href="#">Read More &raquo;</a></p>
+
                    </div>
−
         </article>
+
                </div>
−
      </div>
+
</div>
−
      <div class="one_half">
+
            </div>
−
        <ul class="nospace group">
+
<div class="col-xs-6 col-sm-3 col-md-3">
−
          <li class="one_half first bg_light btmspace-30">
+
<div class="wow bounceInUp" data-wow-delay="1s">
−
            <article class="inspace-30">
+
                <div class="team boxed-grey">
−
              <h2 class="font-x1">semper ac nunc</h2>
+
                    <div class="inner">
−
              <p>Morbi in eros quis lacus aliquet auctor in max imus metus ut consec tetur commodo&hellip;</p>
+
<h5>Tom Petterson</h5>
−
              <p class="nospace"><a href="#">Read More &raquo;</a></p>
+
                        <p class="subtitle">Typographer</p>
−
            </article>
+
                        <div class="avatar"><img src="img/team/4.jpg" alt="" class="img-responsive img-circle" /></div>
−
          </li>
+
 
−
          <li class="one_half bg_dark btmspace-30">
+
                    </div>
−
            <article class="inspace-30">
+
                </div>
−
              <h2 class="font-x1">Curabitur sem</h2>
+
</div>
−
              <p>Libero dolor facilisis dui nec suscipit sem ligula in mi praesent porta dui eu tortor pulvinar&hellip;</p>
+
            </div>
−
              <p class="nospace"><a href="#">Read More &raquo;</a></p>
+
        </div>
−
            </article>
+
</div>
−
          </li>
+
</section>
−
          <li class="one_half first bg_dark">
+
<!-- /Section: about -->
−
            <article class="inspace-30">
+
−
              <h2 class="font-x1">dui non ornare</h2>
+
 
−
              <p>Bibendum sed sit amet nibh ut elit suscipit facilisis nulla facilisi integer auctor ante&hellip;</p>
+
<!-- Section: services -->
−
              <p class="nospace"><a href="#">Read More &raquo;</a></p>
+
    <section id="service" class="home-section text-center bg-gray">
−
             </article>
+
−
          </li>
+
<div class="heading-about">
−
          <li class="one_half bg_light">
+
<div class="container">
−
            <article class="inspace-30">
+
<div class="row">
−
              <h2 class="font-x1">lorem varius at</h2>
+
<div class="col-lg-8 col-lg-offset-2">
−
              <p>Nunc molestie maximus dolor sit amet vulputate mi convallis in vivamus mi sem pretium id&hellip;</p>
+
<div class="wow bounceInDown" data-wow-delay="0.4s">
−
              <p class="nospace"><a href="#">Read More &raquo;</a></p>
+
<div class="section-heading">
−
            </article>
+
<h2>Our Services</h2>
−
          </li>
+
<i class="fa fa-2x fa-angle-down"></i>
−
        </ul>
+
 
−
      </div>
+
</div>
−
    </div>
+
</div>
−
    <!-- ################################################################################################ -->
+
</div>
−
  </section>
+
</div>
−
</div>
+
</div>
−
<!-- ################################################################################################ -->
+
</div>
−
<!-- ################################################################################################ -->
+
<div class="container">
−
<!-- ################################################################################################ -->
+
<div class="row">
−
<div class="wrapper row3">
+
<div class="col-lg-2 col-lg-offset-5">
−
  <figure class="container clear">  
+
<hr class="marginbot-50">
−
    <!-- ################################################################################################ -->
+
</div>
−
    <div class="one_half first"><img src="images/demo/500x400.png" alt=""></div>
+
</div>
−
    <figcaption class="one_half">
+
         <div class="row">
−
      <h3 class="font-x2 underlined left btmspace-30">Nunc efficitur ut lacus vel auctor lacinia orci</h3>
+
            <div class="col-sm-3 col-md-3">
−
      <p>Pellentesque ac leo non diam varius semper donec id neque ornare, feugiat sem at ullamcorper quam nam, eleifend ipsum ac quam eleifend. Vitae venenatis nulla blandit nulla ac nibh ut lorem volutpat vulputate sed at magna.</p>
+
<div class="wow fadeInLeft" data-wow-delay="0.2s">
−
      <p class="btmspace-30">In massa metus euismod id pulvinar eu, pellentesque ut ligula. Phasellus suscipit orci a ex euismod sed laoreet sem viverra suspendisse volutpat ante tellus in interdum.</p>
+
                <div class="service-box">
−
      <footer><a class="btn center" href="#">Etiam dignissim at diam sed interdum</a></footer>
+
<div class="service-icon">
−
    </figcaption>
+
<img src="img/icons/service-icon-1.png" alt="" />
−
    <!-- ################################################################################################ -->
+
</div>
−
  </figure>
+
<div class="service-desc">
−
</div>
+
<h5>Print</h5>
−
<!-- ################################################################################################ -->
+
<p>Vestibulum tincidunt enim in pharetra malesuada. Duis semper magna metus electram accommodare.</p>
−
<!-- ################################################################################################ -->
+
</div>
−
<!-- ################################################################################################ -->
+
                </div>
−
<div class="wrapper row4">
+
</div>
−
  <footer id="footer" class="clear">  
+
            </div>
−
    <!-- ################################################################################################ -->
+
<div class="col-sm-3 col-md-3">
−
    <div class="one_quarter first">
+
<div class="wow fadeInUp" data-wow-delay="0.2s">
−
      <h6 class="title">Quis nibh ultricies</h6>
+
                <div class="service-box">
−
      <address class="btmspace-15">
+
<div class="service-icon">
−
      Company Name<br>
+
<img src="img/icons/service-icon-2.png" alt="" />
−
      Street Name &amp; Number<br>
+
</div>
−
      Town<br>
+
<div class="service-desc">
−
      Postcode/Zip
+
<h5>Web Design</h5>
−
      </address>
+
<p>Vestibulum tincidunt enim in pharetra malesuada. Duis semper magna metus electram accommodare.</p>
−
      <ul class="nospace">
+
</div>
−
        <li class="btmspace-10"><span class="fa fa-phone"></span> +00 (123) 456 7890</li>
+
                </div>
−
        <li><span class="fa fa-envelope-o"></span> info@domain.com</li>
+
</div>
−
      </ul>
+
             </div>
−
     </div>
+
<div class="col-sm-3 col-md-3">
−
    <div class="one_quarter">
+
<div class="wow fadeInUp" data-wow-delay="0.2s">
−
      <h6 class="title">Nullam tortor</h6>
+
                <div class="service-box">
−
      <ul class="nospace linklist">
+
<div class="service-icon">
−
        <li><a href="#">venenatis eros maximus</a></li>
+
<img src="img/icons/service-icon-3.png" alt="" />
−
        <li><a href="#">Quisque semper lorem</a></li>
+
</div>
−
        <li><a href="#">dui feugiat auctor</a></li>
+
<div class="service-desc">
−
        <li><a href="#">pretium at egestas</a></li>
+
<h5>Photography</h5>
−
        <li><a href="#">Vestibulum ante ipsum</a></li>
+
<p>Vestibulum tincidunt enim in pharetra malesuada. Duis semper magna metus electram accommodare.</p>
−
      </ul>
+
</div>
−
    </div>
+
                </div>
−
    <div class="one_quarter">
+
</div>
−
      <h6 class="title">Rutrum sed ipsum</h6>
+
            </div>
−
      <article>
+
<div class="col-sm-3 col-md-3">
−
        <h2 class="nospace font-x1"><a href="#">Primis in faucibus</a></h2>
+
<div class="wow fadeInRight" data-wow-delay="0.2s">
−
        <time class="smallfont" datetime="2045-04-06">Friday, 6<sup>th</sup> April 2045</time>
+
                <div class="service-box">
−
        <p>Orci luctus et ultrices posuere cubilia tincidunt, ex vitae feugiat enim pellentesque ornare feugiat metus&hellip;</p>
+
<div class="service-icon">
−
      </article>
+
<img src="img/icons/service-icon-4.png" alt="" />
−
    </div>
+
</div>
−
    <div class="one_quarter">
+
<div class="service-desc">
−
      <h6 class="title">Fermentum vitae</h6>
+
<h5>Cloud System</h5>
−
      <form class="btmspace-30" method="post" action="#">
+
<p>Vestibulum tincidunt enim in pharetra malesuada. Duis semper magna metus electram accommodare.</p>
−
        <fieldset>
+
</div>
−
          <legend>Newsletter:</legend>
+
                </div>
−
          <input class="btmspace-15" type="text" value="" placeholder="Email">
+
</div>
−
          <button type="submit" value="submit">Submit</button>
+
            </div>
−
        </fieldset>
+
        </div>
−
      </form>
+
</div>
−
      <ul class="faico clear">
+
</section>
−
         <li><a class="faicon-facebook" href="#"><i class="fa fa-facebook"></i></a></li>
+
<!-- /Section: services -->
−
        <li><a class="faicon-twitter" href="#"><i class="fa fa-twitter"></i></a></li>
+
−
        <li><a class="faicon-linkedin" href="#"><i class="fa fa-linkedin"></i></a></li>
+
 
−
        <li><a class="faicon-google-plus" href="#"><i class="fa fa-google-plus"></i></a></li>
+
−
        <li><a class="faicon-instagram" href="#"><i class="fa fa-instagram"></i></a></li>
+
 
−
        <li><a class="faicon-tumblr" href="#"><i class="fa fa-tumblr"></i></a></li>
+
<!-- Section: contact -->
−
      </ul>
+
    <section id="contact" class="home-section text-center">
−
    </div>
+
<div class="heading-contact">
−
    <!-- ################################################################################################ -->
+
<div class="container">
−
  </footer>
+
<div class="row">
−
</div>
+
<div class="col-lg-8 col-lg-offset-2">
−
<!-- ################################################################################################ -->
+
<div class="wow bounceInDown" data-wow-delay="0.4s">
−
<!-- ################################################################################################ -->
+
<div class="section-heading">
−
<!-- ################################################################################################ -->
+
<h2>Get in touch</h2>
−
<div class="wrapper row5">
+
<i class="fa fa-2x fa-angle-down"></i>
−
  <div id="copyright" class="clear">  
+
 
−
    <!-- ################################################################################################ -->
+
</div>
−
    <p class="fl_left">Copyright &copy; 2015 - All Rights Reserved - <a href="#">Domain Name</a></p>
+
</div>
−
    <p class="fl_right">Template by <a target="_blank" href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
+
</div>
−
    <!-- ################################################################################################ -->
+
</div>
−
  </div>
+
</div>
−
</div>
+
</div>
−
<!-- ################################################################################################ -->
+
<div class="container">
−
<!-- ################################################################################################ -->
+
 
−
<!-- ################################################################################################ -->
+
<div class="row">
−
<a id="backtotop" href="#top"><i class="fa fa-chevron-up"></i></a>  
+
<div class="col-lg-2 col-lg-offset-5">
−
<!-- JAVASCRIPTS -->
+
<hr class="marginbot-50">
−
<script src="layout/scripts/jquery.min.js"></script>
+
</div>
−
<script src="layout/scripts/jquery.backtotop.js"></script>
+
</div>
−
<script src="layout/scripts/jquery.mobilemenu.js"></script>
+
     <div class="row">
−
<!-- IE9 Placeholder Support -->
+
        <div class="col-lg-8">
−
<script src="layout/scripts/jquery.placeholder.min.js"></script>
+
            <div class="boxed-grey">
−
<!-- / IE9 Placeholder Support -->
+
                <form id="contact-form">
 +
                <div class="row">
 +
                    <div class="col-md-6">
 +
                        <div class="form-group">
 +
                            <label for="name">
 +
                                Name</label>
 +
                            <input type="text" class="form-control" id="name" placeholder="Enter name" required="required" />
 +
                        </div>
 +
                        <div class="form-group">
 +
                            <label for="email">
 +
                                Email Address</label>
 +
                            <div class="input-group">
 +
                                <span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span>
 +
                                </span>
 +
                                <input type="email" class="form-control" id="email" placeholder="Enter email" required="required" /></div>
 +
                        </div>
 +
                        <div class="form-group">
 +
                            <label for="subject">
 +
                                Subject</label>
 +
                            <select id="subject" name="subject" class="form-control" required="required">
 +
                                <option value="na" selected="">Choose One:</option>
 +
                                <option value="service">General Customer Service</option>
 +
                                <option value="suggestions">Suggestions</option>
 +
                                <option value="product">Product Support</option>
 +
                            </select>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-md-6">
 +
                        <div class="form-group">
 +
                            <label for="name">
 +
                                Message</label>
 +
                            <textarea name="message" id="message" class="form-control" rows="9" cols="25" required="required"
 +
                                placeholder="Message"></textarea>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-md-12">
 +
                        <button type="submit" class="btn btn-skin pull-right" id="btnContactUs">
 +
                            Send Message</button>
 +
                    </div>
 +
                </div>
 +
                </form>
 +
            </div>
 +
         </div>
 +
 +
<div class="col-lg-4">
 +
<div class="widget-contact">
 +
<h5>Main Office</h5>
 +
 +
<address>
 +
  <strong>Squas Design, Inc.</strong><br>
 +
  Tower 795 Folsom Ave, Beautiful Suite 600<br>
 +
  San Francisco, CA 94107<br>
 +
  <abbr title="Phone">P:</abbr> (123) 456-7890
 +
</address>
 +
 
 +
<address>
 +
  <strong>Email</strong><br>
 +
  <a href="mailto:ionis.igem@gmail.com">ionis.igem@gmail.com</a>
 +
</address>
 +
<address>
 +
  <strong>We're on social networks</strong><br>
 +
                      <ul class="company-social">
 +
                            <li class="social-facebook"><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
 +
                            <li class="social-twitter"><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
 +
                            <li class="social-dribble"><a href="#" target="_blank"><i class="fa fa-dribbble"></i></a></li>
 +
                            <li class="social-google"><a href="#" target="_blank"><i class="fa fa-google-plus"></i></a></li>
 +
                        </ul>
 +
</address>
 +
 +
</div>
 +
</div>
 +
    </div>
 +
 
 +
</div>
 +
</section>
 +
<!-- /Section: contact -->
 +
 
 +
<footer>
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-md-12 col-lg-12">
 +
<div class="wow shake" data-wow-delay="0.4s">
 +
<div class="page-scroll marginbot-30">
 +
<a href="#intro" id="totop" class="btn btn-circle">
 +
<i class="fa fa-angle-double-up animated"></i>
 +
</a>
 +
</div>
 +
</div>
 +
<p>&copy;Copyright 2014 - Squad. All rights reserved.</p>
 +
</div>
 +
</div>
 +
</div>
 +
</footer>
 +
 
 +
 
 +
 
 
</body>
 
</body>
 +
 
</html>
 
</html>

Revision as of 10:44, 27 July 2015

IONIS Paris 2015

WELCOME TO SQUAD

WE ARE GROUP OF GENTLEMEN MAKING AWESOME WEB WITH BOOTSTRAP

About us

Anna Hanaceck

Pixel Crafter

Maura Daniels

Ruby on Rails

Jack Briane

jQuery Ninja

Tom Petterson

Typographer

Our Services

Print

Vestibulum tincidunt enim in pharetra malesuada. Duis semper magna metus electram accommodare.

Web Design

Vestibulum tincidunt enim in pharetra malesuada. Duis semper magna metus electram accommodare.

Photography

Vestibulum tincidunt enim in pharetra malesuada. Duis semper magna metus electram accommodare.

Cloud System

Vestibulum tincidunt enim in pharetra malesuada. Duis semper magna metus electram accommodare.

Get in touch

Main Office
Squas Design, Inc.
Tower 795 Folsom Ave, Beautiful Suite 600
San Francisco, CA 94107
P: (123) 456-7890
Email
ionis.igem@gmail.com
We're on social networks

©Copyright 2014 - Squad. All rights reserved.