Difference between revisions of "Team:Newcastle/workshop/michaela"

 
(13 intermediate revisions by the same user not shown)
Line 13: Line 13:
  
 
     <!-- Bootstrap Core CSS -->
 
     <!-- Bootstrap Core CSS -->
     <link href="css/bootstrap.min.css" rel="stylesheet">
+
     <link href="https://2017.igem.org/Team:Newcastle/Bradleytest/css/bootstrapmincss?action=raw&amp;ctype=text/css" rel="stylesheet">
  
 
     <!-- Custom CSS -->
 
     <!-- Custom CSS -->
Line 66: Line 66:
 
         <!-- Jumbotron Header -->
 
         <!-- Jumbotron Header -->
 
         <header class="jumbotron hero-spacer">
 
         <header class="jumbotron hero-spacer">
 +
          <!-- The main title -->
 
             <h1>A Warm Welcome!</h1>
 
             <h1>A Warm Welcome!</h1>
             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, ipsam, eligendi, in quo sunt possimus non incidunt odit vero aliquid similique quaerat nam nobis illo aspernatur vitae fugiat numquam repellat.</p>
+
             <p>This is my wiki page.</p>
            <p><a class="btn btn-primary btn-large">Call to action!</a>
+
         
            </p>
+
 
         </header>
 
         </header>
  
Line 77: Line 77:
 
         <div class="row">
 
         <div class="row">
 
             <div class="col-lg-12">
 
             <div class="col-lg-12">
                 <h3>Latest Features</h3>
+
                 <h3>Cool stuff</h3>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
        <!-- /.row -->
 
  
        <!-- Page Features -->
+
            <p> This page is <i>full</i> of <font style="color:pink">"interesting"</font> things.<br />
        <div class="row text-center">
+
                Your mind will be <b>blown</b>.</p>
 +
          <img src="https://static.igem.org/mediawiki/2017/d/db/T--Newcastle--mindblown.gif">
 +
          <p><a href="https://2017.igem.org/Team:Newcastle/Meetings/Minutes">Wiki Minutes</a><br />
 +
          <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">A really great video</a>
 +
        </p>
  
            <div class="col-md-3 col-sm-6 hero-feature">
+
        <p><a class="btn btn-primary btn-large" href="https://static.igem.org/mediawiki/2017/7/77/T--Newcastle--AMAZINGTHINGS.docx">Download me!</a>
                <div class="thumbnail">
+
</p>
                    <img src="http://placehold.it/800x500" alt="">
+
                    <div class="caption">
+
                        <h3>Feature Label</h3>
+
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
+
                        <p>
+
                            <a href="#" class="btn btn-primary">Buy Now!</a> <a href="#" class="btn btn-default">More Info</a>
+
                        </p>
+
                    </div>
+
                </div>
+
            </div>
+
  
            <div class="col-md-3 col-sm-6 hero-feature">
+
        <table class = "table-bordered">
                <div class="thumbnail">
+
        <tr style="background-color:blue"><th>Animal</th><th>Name</th></tr>
                    <img src="http://placehold.it/800x500" alt="">
+
        <tr><td>Snake</td><td>Sally</td></tr>
                    <div class="caption">
+
        <tr><td>Cow</td><td>Brian</td></tr>
                        <h3>Feature Label</h3>
+
        <tr><td>Monkey</td><td>Molly</td></tr>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
+
        <tr><td>Mountain Lion</td><td>Geoffrey</td></tr>
                        <p>
+
         </table>
                            <a href="#" class="btn btn-primary">Buy Now!</a> <a href="#" class="btn btn-default">More Info</a>
+
                        </p>
+
                    </div>
+
                </div>
+
            </div>
+
 
+
            <div class="col-md-3 col-sm-6 hero-feature">
+
                <div class="thumbnail">
+
                    <img src="http://placehold.it/800x500" alt="">
+
                    <div class="caption">
+
                        <h3>Feature Label</h3>
+
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
+
                        <p>
+
                            <a href="#" class="btn btn-primary">Buy Now!</a> <a href="#" class="btn btn-default">More Info</a>
+
                        </p>
+
                    </div>
+
                </div>
+
            </div>
+
 
+
            <div class="col-md-3 col-sm-6 hero-feature">
+
                <div class="thumbnail">
+
                    <img src="http://placehold.it/800x500" alt="">
+
                    <div class="caption">
+
                        <h3>Feature Label</h3>
+
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
+
                        <p>
+
                            <a href="#" class="btn btn-primary">Buy Now!</a> <a href="#" class="btn btn-default">More Info</a>
+
                        </p>
+
                    </div>
+
                </div>
+
            </div>
+
 
+
         </div>
+
 
         <!-- /.row -->
 
         <!-- /.row -->
  
 +
        <!-- Page Features -->
 +
 
         <hr>
 
         <hr>
  

Latest revision as of 13:30, 11 May 2017

Our wiki is currently under construction, please bear with us while we make it functional

Heroic Features - Start Bootstrap Template

A Warm Welcome!

This is my wiki page.


Cool stuff

This page is full of "interesting" things.
Your mind will be blown.

Wiki Minutes
A really great video

Download me!

AnimalName
SnakeSally
CowBrian
MonkeyMolly
Mountain LionGeoffrey

Copyright © Your Website 2014