Difference between revisions of "Team:BIT/HP1"

Line 27: Line 27:
 
<link rel="stylesheet" href="css/font-icon.css">
 
<link rel="stylesheet" href="css/font-icon.css">
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
−
link rel="stylesheet" href="https://2017.igem.org/Template:BIT/hero-slider-style/CSS?action=raw&amp;ctype=text/css"/>                           
+
 
−
    <!-- Hero slider style (https://codyhouse.co/gem/hero-slider/) -->
+
−
 
+
−
    <link rel="stylesheet" href="https://2017.igem.org/Template:BIT/templatemo-style/CSS?action=raw&amp;ctype=text/css"/>                                 
+
−
    <!-- Templatemo style -->
+
 
<!-- Animate.css -->
 
<!-- Animate.css -->
 
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/animate/CSS?action=raw&amp;ctype=text/css"/>
 
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/animate/CSS?action=raw&amp;ctype=text/css"/>
Line 83: Line 80:
 
</div>
 
</div>
 
</nav>
 
</nav>
−
<div id="fh5co-blog">
+
<div id="fh5co-features">
 
<div class="container">
 
<div class="container">
−
  <div class="row animate-box">
+
<div class="services-padding">
−
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
+
<div class="row">
−
<h2>Sliver</h2>
+
<div class="col-md-4 animate-box">
−
<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
+
<div class="feature-left">
 +
<span class="icon">
 +
<i class="icon-hotairballoon"></i>
 +
</span>
 +
<div class="feature-copy">
 +
<h3>Marketing</h3>
 +
<p><CENTER>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</center></p>
 +
<p><a href="#">Learn More <i class="icon-arrow-right22"></i></a></p>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<div class="col-md-4 animate-box">
 +
<div class="feature-left">
 +
<span class="icon">
 +
<i class="icon-search"></i>
 +
</span>
 +
<div class="feature-copy">
 +
<h3>Search Engine</h3>
 +
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
 +
<p><a href="#">Learn More <i class="icon-arrow-right22"></i></a></p>
 +
</div>
 +
</div>
 +
 
 +
</div>
 +
<div class="col-md-4 animate-box">
 +
<div class="feature-left">
 +
<span class="icon">
 +
<i class="icon-wallet"></i>
 +
</span>
 +
<div class="feature-copy">
 +
<h3>Earn Money</h3>
 +
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
 +
<p><a href="#">Learn More <i class="icon-arrow-right22"></i></a></p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
 
 +
<div class="row">
 +
<div class="col-md-4 animate-box">
 +
 
 +
<div class="feature-left">
 +
<span class="icon">
 +
<i class="icon-wine"></i>
 +
</span>
 +
<div class="feature-copy">
 +
<h3>Entrepreneur</h3>
 +
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
 +
<p><a href="#">Learn More <i class="icon-arrow-right22"></i></a></p>
 +
</div>
 +
</div>
 +
 
 +
</div>
 +
 
 +
<div class="col-md-4 animate-box">
 +
<div class="feature-left">
 +
<span class="icon">
 +
<i class="icon-genius"></i>
 +
</span>
 +
<div class="feature-copy">
 +
<h3>Stragic Plan</h3>
 +
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
 +
<p><a href="#">Learn More <i class="icon-arrow-right22"></i></a></p>
 +
</div>
 +
</div>
 +
 
 +
</div>
 +
<div class="col-md-4 animate-box">
 +
<div class="feature-left">
 +
<span class="icon">
 +
<i class="icon-chat"></i>
 +
</span>
 +
<div class="feature-copy">
 +
<h3>Support</h3>
 +
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
 +
<p><a href="#">Learn More <i class="icon-arrow-right22"></i></a></p>
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
 
</div>
 
</div>
−
            <div>
+
</div>
−
                    <div class="cd-full-width">
+
</div>
−
                        <div class="container-fluid js-tm-page-content" data-page-no="4" data-page-type="gallery">                      
+
 
−
                            <div class="tm-img-gallery-container tm-img-gallery-container-3">
+
<div id="fh5co-features">
−
                                <div class="tm-img-gallery gallery-three">
+
<div class="container">
−
                             
+
<div class="services-padding">
−
                                    <div class="grid-item">
+
<div class="row">
−
                                        <figure class="effect-ruby">
+
<div class="col-md-4 animate-box">
−
                                            <img src="https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg" alt="Image" class="img-fluid tm-img">
+
<div class="feature-left">
−
                                            <figcaption>
+
<span class="icon">
−
                                                <h2 class="tm-figure-title">Picture <span>One</span></h2>
+
<i class="icon-hotairballoon"></i>
−
                                           
+
</span>
−
                                                <a href="https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg">View more</a>
+
<div class="feature-copy">
−
                                            </figcaption>          
+
<h3>Marketing</h3>
−
                                        </figure>
+
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
−
                                    </div>
+
<p><a href="#">Learn More <i class="icon-arrow-right22"></i></a></p>
−
                                    <div class="grid-item">
+
</div>
−
                                        <figure class="effect-ruby">
+
</div>
−
                                            <img src="https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg" alt="Image" class="img-fluid tm-img">
+
</div>
−
                                            <figcaption>
+
 
−
                                                <h2 class="tm-figure-title">Picture <span>Two</span></h2>
+
<div class="col-md-4 animate-box">
−
                                             
+
<div class="feature-left">
−
                                                <a href="img/tm-img-12.jpg">View more</a>
+
<span class="icon">
−
                                            </figcaption>          
+
<i class="icon-search"></i>
−
                                        </figure>
+
</span>
−
                                    </div>
+
<div class="feature-copy">
−
                                                                                                               
+
<h3>Search Engine</h3>
−
                                </div>                                
+
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
−
                            </div> <!-- .tm-img-gallery-container -->
+
<p><a href="#">Learn More <i class="icon-arrow-right22"></i></a></p>
−
                        </div>      
+
</div>
−
                    </div> 
+
</div>
−
<div class="container">
+
 
−
            <div>
+
</div>
−
                    <div class="cd-full-width">
+
<div class="col-md-4 animate-box">
−
                        <div class="container-fluid js-tm-page-content" data-page-no="4" data-page-type="gallery">                      
+
<div class="feature-left">
−
                            <div class="tm-img-gallery-container tm-img-gallery-container-3">
+
<span class="icon">
−
                                <div class="tm-img-gallery gallery-three">
+
<i class="icon-wallet"></i>
−
                             
+
</span>
−
                                    <div class="grid-item">
+
<div class="feature-copy">
−
                                        <figure class="effect-ruby">
+
<h3>Earn Money</h3>
−
                                            <img src="https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg" alt="Image" class="img-fluid tm-img">
+
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
−
                                            <figcaption>
+
<p><a href="#">Learn More <i class="icon-arrow-right22"></i></a></p>
−
                                                <h2 class="tm-figure-title">Picture <span>One</span></h2>
+
</div>
−
                                           
+
</div>
−
                                                <a href="https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg">View more</a>
+
</div>
−
                                            </figcaption>          
+
</div>
−
                                        </figure>
+
 
−
                                    </div>
+
 
−
                                    <div class="grid-item">
+
<div class="row">
−
                                        <figure class="effect-ruby">
+
<div class="col-md-4 animate-box">
−
                                            <img src="https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg" alt="Image" class="img-fluid tm-img">
+
 
−
                                            <figcaption>
+
<div class="feature-left">
−
                                                <h2 class="tm-figure-title">Picture <span>Two</span></h2>
+
<span class="icon">
−
                                             
+
<i class="icon-wine"></i>
−
                                                <a href="img/tm-img-12.jpg">View more</a>
+
</span>
−
                                            </figcaption>          
+
<div class="feature-copy">
−
                                        </figure>
+
<h3>Entrepreneur</h3>
−
                                    </div>
+
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
−
                                                                                                               
+
<p><a href="#">Learn More <i class="icon-arrow-right22"></i></a></p>
−
                                </div>                                
+
</div>
−
                            </div> <!-- .tm-img-gallery-container -->
+
</div>
−
                        </div>      
+
 
−
                    </div>
+
</div>
−
</div>
+
 
 +
<div class="col-md-4 animate-box">
 +
<div class="feature-left">
 +
<span class="icon">
 +
<i class="icon-genius"></i>
 +
</span>
 +
<div class="feature-copy">
 +
<h3>Stragic Plan</h3>
 +
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
 +
<p><a href="#">Learn More <i class="icon-arrow-right22"></i></a></p>
 +
</div>
 +
</div>
 +
 
 +
</div>
 +
<div class="col-md-4 animate-box">
 +
<div class="feature-left">
 +
<span class="icon">
 +
<i class="icon-chat"></i>
 +
</span>
 +
<div class="feature-copy">
 +
<h3>Support</h3>
 +
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
 +
<p><a href="#">Learn More <i class="icon-arrow-right22"></i></a></p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 
</footer>
 
</footer>
 
<div id="fh5co-started">
 
<div id="fh5co-started">

Revision as of 17:38, 29 October 2017

Dsign - Minimal portfolio Bootstrap template

Marketing

Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.

Learn More

Search Engine

Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.

Learn More

Earn Money

Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.

Learn More

Entrepreneur

Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.

Learn More

Stragic Plan

Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.

Learn More

Support

Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.

Learn More

Marketing

Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.

Learn More

Search Engine

Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.

Learn More

Earn Money

Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.

Learn More

Entrepreneur

Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.

Learn More

Stragic Plan

Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.

Learn More

Support

Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.

Learn More

Hire Us!

Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.

Contact Us