Difference between revisions of "Team:Bielefeld-CeBiTec/Sandbox"

Line 56: Line 56:
 
      
 
      
 
     <section>
 
     <section>
   
+
            <div class="container">
 
             <div class="row">
 
             <div class="row">
             <div class="col-sm-6">
+
                <div class="col-lg-12 text-center">
 +
                    <h2 class="section-heading">Results</h2>
 +
                    <hr class="primary">
 +
                </div>
 +
            </div>
 +
            <div class="row text-center">
 +
             <div class="col-sm-3">
 
                 <img class="img-circle img-responsive img-center" src="http://placehold.it/300x300" alt="">
 
                 <img class="img-circle img-responsive img-center" src="http://placehold.it/300x300" alt="">
 
                 <h2>Marketing Box #1</h2>
 
                 <h2>Marketing Box #1</h2>
 
                 <p>These marketing boxes are a great place to put some information. These can contain summaries of what the company does, promotional information, or anything else that is relevant to the company. These will usually be below-the-fold.</p>
 
                 <p>These marketing boxes are a great place to put some information. These can contain summaries of what the company does, promotional information, or anything else that is relevant to the company. These will usually be below-the-fold.</p>
 
             </div>
 
             </div>
             <div class="col-sm-6">
+
             <div class="col-sm-3">
 
                 <img class="img-circle img-responsive img-center" src="http://placehold.it/300x300" alt="">
 
                 <img class="img-circle img-responsive img-center" src="http://placehold.it/300x300" alt="">
 
                 <h2>Marketing Box #2</h2>
 
                 <h2>Marketing Box #2</h2>
 
                 <p>The images are set to be circular and responsive. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
 
                 <p>The images are set to be circular and responsive. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
 
             </div>
 
             </div>
            </div>
+
             <div class="col-sm-3">
            <div class="row">
+
             <div class="col-sm-6">
+
 
                 <img class="img-circle img-responsive img-center" src="http://placehold.it/300x300" alt="">
 
                 <img class="img-circle img-responsive img-center" src="http://placehold.it/300x300" alt="">
 
                 <h2>Marketing Box #3</h2>
 
                 <h2>Marketing Box #3</h2>
 
                 <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
 
                 <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
 
             </div>
 
             </div>
             <div class="col-sm-6">
+
             <div class="col-sm-3">
 
                 <img class="img-circle img-responsive img-center" src="http://placehold.it/300x300" alt="">
 
                 <img class="img-circle img-responsive img-center" src="http://placehold.it/300x300" alt="">
 
                 <h2>Marketing Box #3</h2>
 
                 <h2>Marketing Box #3</h2>
Line 81: Line 85:
 
             </div>
 
             </div>
 
     </div>
 
     </div>
 +
                </div>
 
        
 
        
 
     </section>
 
     </section>
 
+
   
     <section id="services">
+
      
 +
        <section class="bg-primary" id="about">
 
         <div class="container">
 
         <div class="container">
 
             <div class="row">
 
             <div class="row">
                 <div class="col-lg-12 text-center">
+
                 <div class="col-lg-8 col-lg-offset-2 text-center">
                     <h2 class="section-heading">At Your Service</h2>
+
                     <h2 class="section-heading">Human Practices</h2>
                     <hr class="primary">
+
                     <hr class="light">
 +
                    <p class="text-faded">Our team decided to establish cell-free systems ("cell-free protein synthesis" and "plasmid repressor interaction assay"). For demonstrating the extensibility of our systems we worked with biosensors for heavy metals and we construct a new biosensor for date rape drugs. See what we are doing this year. </p>
 +
                    <a href="#" class="btn btn-default btn-xl">Get Started!</a>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 +
    </section>
 +
   
 +
   
 +
 +
    <section id="services">
 
         <div class="container">
 
         <div class="container">
 
             <div class="row">
 
             <div class="row">
                 <div class="col-lg-3 col-md-6 text-center">
+
                 <div class="col-md-4 text-center">
 
                     <div class="service-box">
 
                     <div class="service-box">
                        <i class="fa fa-4x fa-diamond wow bounceIn text-primary"></i>
+
                         <h3>Team</h3>
                         <h3>Sturdy Templates</h3>
+
                         <p class="text-muted">...</p>
                         <p class="text-muted">Our templates are updated regularly so they don't break.</p>
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
                 <div class="col-lg-3 col-md-6 text-center">
+
                 <div class="col-md-4 text-center">
 
                     <div class="service-box">
 
                     <div class="service-box">
                        <i class="fa fa-4x fa-paper-plane wow bounceIn text-primary" data-wow-delay=".1s"></i>
+
                         <h3>Notebook</h3>
                         <h3>Ready to Ship</h3>
+
 
                         <p class="text-muted">You can use this theme as is, or you can make changes!</p>
 
                         <p class="text-muted">You can use this theme as is, or you can make changes!</p>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
                 <div class="col-lg-3 col-md-6 text-center">
+
                 <div class="col-md-4 text-center">
 
                     <div class="service-box">
 
                     <div class="service-box">
                        <i class="fa fa-4x fa-newspaper-o wow bounceIn text-primary" data-wow-delay=".2s"></i>
+
                         <h3>Partners</h3>
                         <h3>Up to Date</h3>
+
 
                         <p class="text-muted">We update dependencies to keep things fresh.</p>
 
                         <p class="text-muted">We update dependencies to keep things fresh.</p>
                    </div>
 
                </div>
 
                <div class="col-lg-3 col-md-6 text-center">
 
                    <div class="service-box">
 
                        <i class="fa fa-4x fa-heart wow bounceIn text-primary" data-wow-delay=".3s"></i>
 
                        <h3>Made with Love</h3>
 
                        <p class="text-muted">You have to make your websites with love these days!</p>
 
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 127: Line 130:
 
     </section>
 
     </section>
  
     <section class="no-padding" id="portfolio">
+
      
        <div class="container-fluid">
+
            <div class="row no-gutter">
+
                <div class="col-lg-4 col-sm-6">
+
                    <a href="#" class="portfolio-box">
+
                        <img src="img/portfolio/1.jpg" class="img-responsive" alt="">
+
                        <div class="portfolio-box-caption">
+
                            <div class="portfolio-box-caption-content">
+
                                <div class="project-category text-faded">
+
                                    Category
+
                                </div>
+
                                <div class="project-name">
+
                                    Project Name
+
                                </div>
+
                            </div>
+
                        </div>
+
                    </a>
+
                </div>
+
                <div class="col-lg-4 col-sm-6">
+
                    <a href="#" class="portfolio-box">
+
                        <img src="img/portfolio/2.jpg" class="img-responsive" alt="">
+
                        <div class="portfolio-box-caption">
+
                            <div class="portfolio-box-caption-content">
+
                                <div class="project-category text-faded">
+
                                    Category
+
                                </div>
+
                                <div class="project-name">
+
                                    Project Name
+
                                </div>
+
                            </div>
+
                        </div>
+
                    </a>
+
                </div>
+
                <div class="col-lg-4 col-sm-6">
+
                    <a href="#" class="portfolio-box">
+
                        <img src="img/portfolio/3.jpg" class="img-responsive" alt="">
+
                        <div class="portfolio-box-caption">
+
                            <div class="portfolio-box-caption-content">
+
                                <div class="project-category text-faded">
+
                                    Category
+
                                </div>
+
                                <div class="project-name">
+
                                    Project Name
+
                                </div>
+
                            </div>
+
                        </div>
+
                    </a>
+
                </div>
+
                <div class="col-lg-4 col-sm-6">
+
                    <a href="#" class="portfolio-box">
+
                        <img src="img/portfolio/4.jpg" class="img-responsive" alt="">
+
                        <div class="portfolio-box-caption">
+
                            <div class="portfolio-box-caption-content">
+
                                <div class="project-category text-faded">
+
                                    Category
+
                                </div>
+
                                <div class="project-name">
+
                                    Project Name
+
                                </div>
+
                            </div>
+
                        </div>
+
                    </a>
+
                </div>
+
                <div class="col-lg-4 col-sm-6">
+
                    <a href="#" class="portfolio-box">
+
                        <img src="img/portfolio/5.jpg" class="img-responsive" alt="">
+
                        <div class="portfolio-box-caption">
+
                            <div class="portfolio-box-caption-content">
+
                                <div class="project-category text-faded">
+
                                    Category
+
                                </div>
+
                                <div class="project-name">
+
                                    Project Name
+
                                </div>
+
                            </div>
+
                        </div>
+
                    </a>
+
                </div>
+
                <div class="col-lg-4 col-sm-6">
+
                    <a href="#" class="portfolio-box">
+
                        <img src="img/portfolio/6.jpg" class="img-responsive" alt="">
+
                        <div class="portfolio-box-caption">
+
                            <div class="portfolio-box-caption-content">
+
                                <div class="project-category text-faded">
+
                                    Category
+
                                </div>
+
                                <div class="project-name">
+
                                    Project Name
+
                                </div>
+
                            </div>
+
                        </div>
+
                    </a>
+
                </div>
+
            </div>
+
        </div>
+
    </section>
+
 
+
    <aside class="bg-dark">
+
        <div class="container text-center">
+
            <div class="call-to-action">
+
                <h2>Free Download at Start Bootstrap!</h2>
+
                <a href="#" class="btn btn-default btn-xl wow tada">Download Now!</a>
+
            </div>
+
        </div>
+
    </aside>
+
 
+
    <section id="contact">
+
        <div class="container">
+
            <div class="row">
+
                <div class="col-lg-8 col-lg-offset-2 text-center">
+
                    <h2 class="section-heading">Let's Get In Touch!</h2>
+
                    <hr class="primary">
+
                    <p>Ready to start your next project with us? That's great! Give us a call or send us an email and we will get back to you as soon as possible!</p>
+
                </div>
+
                <div class="col-lg-4 col-lg-offset-2 text-center">
+
                    <i class="fa fa-phone fa-3x wow bounceIn"></i>
+
                    <p>123-456-6789</p>
+
                </div>
+
                <div class="col-lg-4 text-center">
+
                    <i class="fa fa-envelope-o fa-3x wow bounceIn" data-wow-delay=".1s"></i>
+
                    <p><a href="mailto:your-email@your-domain.com">feedback@startbootstrap.com</a></p>
+
                </div>
+
            </div>
+
        </div>
+
    </section>
+
  
 
     <!-- jQuery -->
 
     <!-- jQuery -->

Revision as of 20:42, 14 September 2015

iGEM Bielefeld 2015


Creative - Start Bootstrap Theme

Cell-free Sticks - It works on paper


Find Out More

Project


Our team decided to establish cell-free systems ("cell-free protein synthesis" and "plasmid repressor interaction assay"). For demonstrating the extensibility of our systems we worked with biosensors for heavy metals and we construct a new biosensor for date rape drugs. See what we are doing this year.

Get Started!

Results


Marketing Box #1

These marketing boxes are a great place to put some information. These can contain summaries of what the company does, promotional information, or anything else that is relevant to the company. These will usually be below-the-fold.

Marketing Box #2

The images are set to be circular and responsive. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

Marketing Box #3

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

Marketing Box #3

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

Human Practices


Our team decided to establish cell-free systems ("cell-free protein synthesis" and "plasmid repressor interaction assay"). For demonstrating the extensibility of our systems we worked with biosensors for heavy metals and we construct a new biosensor for date rape drugs. See what we are doing this year.

Get Started!

Team

...

Notebook

You can use this theme as is, or you can make changes!

Partners

We update dependencies to keep things fresh.