Loading menubar.....

Difference between revisions of "Team:CAU China/Design"

Line 1: Line 1:
−
 
 
{{CAU_China/CSS/Top}}
 
{{CAU_China/CSS/Top}}
 
<html>
 
<html>
−
<div class="showCase container-fluid jumbotron jumbotron-fluid text-center bg-white align-items-center text-light mb-0">
+
<style>
−
        <div class="row" style="">
+
−
            <div class="col-12 col-md-6">
+
−
               
+
−
            </div>
+
−
            <div class="col-12 col-md-6 p-5">
+
−
               
+
−
                <span class="d-block mt-5">
+
−
               
+
−
             
+
−
               
+
−
            </div>
+
−
        </div>
+
  
−
         <div class="row mt-4" style="">
+
    .pictureTitle{
−
         
+
         background: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,.5)), url("");
−
         </div>
+
        background-repeat: no-repeat;
 +
         background-size: cover;
 +
        background-position:center;
 +
    }
  
−
    </div>  
+
 
−
<div>
+
 
−
<h3>Design</h3>
+
@media only screen and (max-width: 575.98px) {}
 +
 
 +
@media only screen and (max-width: 767.98px) {}
 +
 
 +
@media only screen and (max-width: 991.98px) {}
 +
 
 +
@media only screen and (max-width: 1199.98px) {}
 +
</style>
 +
 
 +
<div class="pictureTitle container-fluid text-center mb-0 align-items-center text-light">
 +
 
 +
                    <div class="display-2 mb-0">
 +
                    Project Design
 +
                    </div>
 +
        <h4></h4>
  
 
</div>
 
</div>
−
<div class="showCase container-fluid jumbotron jumbotron-fluid text-center bg-white align-items-center text-light mb-0">
 
−
        <div class="row" style="">
 
−
            <div class="col-12 col-md-6">
 
−
               
 
−
            </div>
 
−
            <div class="col-12 col-md-6 p-5">
 
−
               
 
−
                <span class="d-block mt-5">
 
−
               
 
−
             
 
−
               
 
−
            </div>
 
−
        </div>
 
  
−
        <div class="row mt-4" style="">
 
−
         
 
−
        </div>
 
  
−
    </div>
+
<div class="phaContainer">
−
<div class="showCase container-fluid jumbotron jumbotron-fluid text-center bg-white align-items-center text-light mb-0">
+
  <aside id="phaContentsOuter">
−
        <div class="row" style="">
+
  <aside id="phaContents" class="table-of-contents">
−
            <div class="col-12 col-md-6">
+
    <!-- will be generated with JS -->
−
               
+
  </aside>
−
            </div>
+
  </aside>
−
            <div class="col-12 col-md-6 p-5">
+
−
               
+
−
                <span class="d-block mt-5">
+
−
               
+
−
             
+
−
               
+
−
            </div>
+
−
        </div>
+
  
−
        <div class="row mt-4" style="">
+
  <main class="post-content">
−
         
+
 
−
         </div>
+
    <h3>The Problem</h3>
 +
    <div class="row">
 +
    <div class="col-12">
 +
        <p>
 +
          Alice was beginning to get very tired of sitting by her sister on the
 +
bank, and of having nothing to do: once or twice she had peeped into the
 +
book her sister was reading, but it had no pictures or conversations in
 +
it, 'and what is the use of a book,' thought Alice 'without pictures or<sup><a href="#phareferences">1</a></sup>There was nothing so VERY remarkable in that; nor did Alice think it so
 +
VERY much out of the way to hear the Rabbit say to itself, 'Oh dear!
 +
Oh dear! I shall be late!' (when she thought it over afterwards, it
 +
occurred to her that she ought <sup><a href="#phareferences">2</a></sup> This was the overarching problem our project needed to tackle.
 +
         
 +
         </p>
 +
        <p>
 +
          Either the well was very deep, or she fell very slowly, for she had
 +
plenty of time as she went down to look about her and to wonder what was
 +
going to happen next.
 +
        </p>
 +
        <p>
 +
          fore seen a rabbit with either a waistcoat-pocket, or a watch
 +
to take out of it, and burning with curiosity, she ran across the field
 +
after it, and fortunately was just in time to see it pop down a large
 +
rabbit-hole under the hedge.
 +
        </p>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
<div id="phareferences" class="row">
 +
<h3>References</h3>
 +
<div class="col-12">
 +
<ol>
 +
<li> <a href=https://www.nature.com/articles/ja2017124>  Incentivising innovation in antibiotic drug discovery and development: progress, challenges and next steps.</a></li>
 +
<li id="ref_2"> <a href=https://www.nature.com/articles/nrmicro3564>  A century of the phage: past, present and future.</a></li>
 +
 
 +
</li>
 +
</ol>
 +
</div>
 +
</div>
 +
 
 +
</main>
 +
</div>
  
−
    </div>
 
 
</html>
 
</html>
 +
 
{{CAU_China/CSS/Footer}}
 
{{CAU_China/CSS/Footer}}

Revision as of 07:54, 18 June 2019










Phactory

Project Design

The Problem

Alice was beginning to get very tired of sitting by her sister on the bank, and of having nothing to do: once or twice she had peeped into the book her sister was reading, but it had no pictures or conversations in it, 'and what is the use of a book,' thought Alice 'without pictures or1There was nothing so VERY remarkable in that; nor did Alice think it so VERY much out of the way to hear the Rabbit say to itself, 'Oh dear! Oh dear! I shall be late!' (when she thought it over afterwards, it occurred to her that she ought 2 This was the overarching problem our project needed to tackle.

Either the well was very deep, or she fell very slowly, for she had plenty of time as she went down to look about her and to wonder what was going to happen next.

fore seen a rabbit with either a waistcoat-pocket, or a watch to take out of it, and burning with curiosity, she ran across the field after it, and fortunately was just in time to see it pop down a large rabbit-hole under the hedge.


&copy 2019 CAU_ESPA. All rights reserved
Website Design by Leland