Line 3: | Line 3: | ||
<head> | <head> | ||
− | <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> | + | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> |
− | + | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> | |
− | < | + | <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> |
+ | <link href="https://fonts.googleapis.com/css?family=Quicksand:300,400|Roboto:400,400i" rel="stylesheet"> | ||
+ | <script> | ||
+ | <script> | ||
+ | $(document).ready(function() { | ||
+ | $('.small').on('click', function() { | ||
+ | $( this ).toggleClass( "selected" ); | ||
+ | $('.small1').removeClass('selected'); | ||
+ | $('.small2').removeClass('selected'); | ||
+ | $('.small3').removeClass('selected'); | ||
+ | $('.small4').removeClass('selected'); | ||
+ | $('.small5').removeClass('selected'); | ||
+ | $('.small6').removeClass('selected'); | ||
+ | $('.small7').removeClass('selected'); | ||
+ | $('.small8').removeClass('selected'); | ||
+ | $('.small9').removeClass('selected'); | ||
+ | $("#small").toggle(); | ||
+ | $("#small1").hide(); | ||
+ | $("#small2").hide(); | ||
+ | $("#small3").hide(); | ||
+ | $("#small4").hide(); | ||
+ | $("#small5").hide(); | ||
+ | $("#small6").hide(); | ||
+ | $("#small7").hide(); | ||
+ | $("#small8").hide(); | ||
+ | $("#small9").hide(); | ||
+ | $("#info").hide(); | ||
+ | }); | ||
+ | }); | ||
− | / | + | $(document).ready(function() { |
− | @font-face { | + | $('.small1').on('click', function() { |
+ | $( this ).toggleClass( "selected" ); | ||
+ | $('.small').removeClass('selected'); | ||
+ | $('.small2').removeClass('selected'); | ||
+ | $('.small3').removeClass('selected'); | ||
+ | $('.small4').removeClass('selected'); | ||
+ | $('.small5').removeClass('selected'); | ||
+ | $('.small6').removeClass('selected'); | ||
+ | $('.small7').removeClass('selected'); | ||
+ | $('.small8').removeClass('selected'); | ||
+ | $('.small9').removeClass('selected'); | ||
+ | $("#small1").toggle(); | ||
+ | $("#small").hide(); | ||
+ | $("#small2").hide(); | ||
+ | $("#small3").hide(); | ||
+ | $("#small4").hide(); | ||
+ | $("#small5").hide(); | ||
+ | $("#small6").hide(); | ||
+ | $("#small7").hide(); | ||
+ | $("#small8").hide(); | ||
+ | $("#small9").hide(); | ||
+ | $("#info").hide(); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $(document).ready(function() { | ||
+ | $('.small2').on('click', function() { | ||
+ | $( this ).toggleClass( "selected" ); | ||
+ | $('.small1').removeClass('selected'); | ||
+ | $('.small').removeClass('selected'); | ||
+ | $('.small3').removeClass('selected'); | ||
+ | $('.small4').removeClass('selected'); | ||
+ | $('.small5').removeClass('selected'); | ||
+ | $('.small6').removeClass('selected'); | ||
+ | $('.small7').removeClass('selected'); | ||
+ | $('.small8').removeClass('selected'); | ||
+ | $('.small9').removeClass('selected'); | ||
+ | $("#small2").toggle(); | ||
+ | $("#small1").hide(); | ||
+ | $("#small").hide(); | ||
+ | $("#small3").hide(); | ||
+ | $("#small4").hide(); | ||
+ | $("#small5").hide(); | ||
+ | $("#small6").hide(); | ||
+ | $("#small7").hide(); | ||
+ | $("#small8").hide(); | ||
+ | $("#small9").hide(); | ||
+ | $("#info").hide(); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $(document).ready(function() { | ||
+ | $('.small3').on('click', function() { | ||
+ | $( this ).toggleClass( "selected" ); | ||
+ | $('.small1').removeClass('selected'); | ||
+ | $('.small2').removeClass('selected'); | ||
+ | $('.small').removeClass('selected'); | ||
+ | $('.small4').removeClass('selected'); | ||
+ | $('.small5').removeClass('selected'); | ||
+ | $('.small6').removeClass('selected'); | ||
+ | $('.small7').removeClass('selected'); | ||
+ | $('.small8').removeClass('selected'); | ||
+ | $('.small9').removeClass('selected'); | ||
+ | $("#small3").toggle(); | ||
+ | $("#small1").hide(); | ||
+ | $("#small2").hide(); | ||
+ | $("#small").hide(); | ||
+ | $("#small4").hide(); | ||
+ | $("#small5").hide(); | ||
+ | $("#small6").hide(); | ||
+ | $("#small7").hide(); | ||
+ | $("#small8").hide(); | ||
+ | $("#small9").hide(); | ||
+ | $("#info").hide(); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $(document).ready(function() { | ||
+ | $('.small4').on('click', function() { | ||
+ | $( this ).toggleClass( "selected" ); | ||
+ | $('.small1').removeClass('selected'); | ||
+ | $('.small2').removeClass('selected'); | ||
+ | $('.small3').removeClass('selected'); | ||
+ | $('.small').removeClass('selected'); | ||
+ | $('.small5').removeClass('selected'); | ||
+ | $('.small6').removeClass('selected'); | ||
+ | $('.small7').removeClass('selected'); | ||
+ | $('.small8').removeClass('selected'); | ||
+ | $('.small9').removeClass('selected'); | ||
+ | $("#small4").toggle(); | ||
+ | $("#small1").hide(); | ||
+ | $("#small2").hide(); | ||
+ | $("#small3").hide(); | ||
+ | $("#small").hide(); | ||
+ | $("#small5").hide(); | ||
+ | $("#small6").hide(); | ||
+ | $("#small7").hide(); | ||
+ | $("#small8").hide(); | ||
+ | $("#small9").hide(); | ||
+ | $("#info").hide(); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $(document).ready(function() { | ||
+ | $('.small5').on('click', function() { | ||
+ | $( this ).toggleClass( "selected" ); | ||
+ | $('.small1').removeClass('selected'); | ||
+ | $('.small2').removeClass('selected'); | ||
+ | $('.small3').removeClass('selected'); | ||
+ | $('.small4').removeClass('selected'); | ||
+ | $('.small').removeClass('selected'); | ||
+ | $('.small6').removeClass('selected'); | ||
+ | $('.small7').removeClass('selected'); | ||
+ | $('.small8').removeClass('selected'); | ||
+ | $('.small9').removeClass('selected'); | ||
+ | $("#small5").toggle(); | ||
+ | $("#small1").hide(); | ||
+ | $("#small2").hide(); | ||
+ | $("#small3").hide(); | ||
+ | $("#small4").hide(); | ||
+ | $("#small").hide(); | ||
+ | $("#small6").hide(); | ||
+ | $("#small7").hide(); | ||
+ | $("#small8").hide(); | ||
+ | $("#small9").hide(); | ||
+ | $("#info").hide(); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $(document).ready(function() { | ||
+ | $('.small6').on('click', function() { | ||
+ | $( this ).toggleClass( "selected" ); | ||
+ | $('.small1').removeClass('selected'); | ||
+ | $('.small2').removeClass('selected'); | ||
+ | $('.small3').removeClass('selected'); | ||
+ | $('.small4').removeClass('selected'); | ||
+ | $('.small5').removeClass('selected'); | ||
+ | $('.small').removeClass('selected'); | ||
+ | $('.small7').removeClass('selected'); | ||
+ | $('.small8').removeClass('selected'); | ||
+ | $('.small9').removeClass('selected'); | ||
+ | $("#small6").toggle(); | ||
+ | $("#small1").hide(); | ||
+ | $("#small2").hide(); | ||
+ | $("#small3").hide(); | ||
+ | $("#small4").hide(); | ||
+ | $("#small5").hide(); | ||
+ | $("#small").hide(); | ||
+ | $("#small7").hide(); | ||
+ | $("#small8").hide(); | ||
+ | $("#small9").hide(); | ||
+ | $("#info").hide(); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $(document).ready(function() { | ||
+ | $('.small7').on('click', function() { | ||
+ | $( this ).toggleClass( "selected" ); | ||
+ | $('.small1').removeClass('selected'); | ||
+ | $('.small2').removeClass('selected'); | ||
+ | $('.small3').removeClass('selected'); | ||
+ | $('.small4').removeClass('selected'); | ||
+ | $('.small5').removeClass('selected'); | ||
+ | $('.small6').removeClass('selected'); | ||
+ | $('.small').removeClass('selected'); | ||
+ | $('.small8').removeClass('selected'); | ||
+ | $('.small9').removeClass('selected'); | ||
+ | $("#small7").toggle(); | ||
+ | $("#small1").hide(); | ||
+ | $("#small2").hide(); | ||
+ | $("#small3").hide(); | ||
+ | $("#small4").hide(); | ||
+ | $("#small5").hide(); | ||
+ | $("#small6").hide(); | ||
+ | $("#small").hide(); | ||
+ | $("#small8").hide(); | ||
+ | $("#small9").hide(); | ||
+ | $("#info").hide(); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $(document).ready(function() { | ||
+ | $('.small8').on('click', function() { | ||
+ | $( this ).toggleClass( "selected" ); | ||
+ | $('.small1').removeClass('selected'); | ||
+ | $('.small2').removeClass('selected'); | ||
+ | $('.small3').removeClass('selected'); | ||
+ | $('.small4').removeClass('selected'); | ||
+ | $('.small5').removeClass('selected'); | ||
+ | $('.small6').removeClass('selected'); | ||
+ | $('.small7').removeClass('selected'); | ||
+ | $('.small').removeClass('selected'); | ||
+ | $('.small9').removeClass('selected'); | ||
+ | $("#small8").toggle(); | ||
+ | $("#small1").hide(); | ||
+ | $("#small2").hide(); | ||
+ | $("#small3").hide(); | ||
+ | $("#small4").hide(); | ||
+ | $("#small5").hide(); | ||
+ | $("#small6").hide(); | ||
+ | $("#small7").hide(); | ||
+ | $("#small").hide(); | ||
+ | $("#small9").hide(); | ||
+ | $("#info").hide(); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $(document).ready(function() { | ||
+ | $('.small9').on('click', function() { | ||
+ | $( this ).toggleClass( "selected" ); | ||
+ | $('.small1').removeClass('selected'); | ||
+ | $('.small2').removeClass('selected'); | ||
+ | $('.small3').removeClass('selected'); | ||
+ | $('.small4').removeClass('selected'); | ||
+ | $('.small5').removeClass('selected'); | ||
+ | $('.small6').removeClass('selected'); | ||
+ | $('.small7').removeClass('selected'); | ||
+ | $('.small8').removeClass('selected'); | ||
+ | $('.small').removeClass('selected'); | ||
+ | $("#small9").toggle(); | ||
+ | $("#small1").hide(); | ||
+ | $("#small2").hide(); | ||
+ | $("#small3").hide(); | ||
+ | $("#small4").hide(); | ||
+ | $("#small5").hide(); | ||
+ | $("#small6").hide(); | ||
+ | $("#small7").hide(); | ||
+ | $("#small8").hide(); | ||
+ | $("#small").hide(); | ||
+ | $("#info").hide(); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | </script> | ||
+ | <style> | ||
+ | |||
+ | @@font-face { | ||
font-family: 'banaue'; | font-family: 'banaue'; | ||
src: url('https://static.igem.org/mediawiki/2017/b/b0/T--Sydney_Australia--Wiki_Font_Banaue-Regular.Media-File.ogg'); | src: url('https://static.igem.org/mediawiki/2017/b/b0/T--Sydney_Australia--Wiki_Font_Banaue-Regular.Media-File.ogg'); | ||
Line 15: | Line 279: | ||
} | } | ||
− | #please | + | #please h1 { |
font-family: "banaue", sans-serif; | font-family: "banaue", sans-serif; | ||
color: #3e3f3f; | color: #3e3f3f; | ||
− | font-size: | + | font-size: 60px; |
} | } | ||
#please h4 { | #please h4 { | ||
font-family: 'Quicksand', sans-serif; | font-family: 'Quicksand', sans-serif; | ||
− | color: #3e3f3f | + | color: #3e3f3f; |
+ | font-size: 16px; | ||
+ | LINE-HEIGHT:20px; | ||
+ | |||
} | } | ||
− | . | + | #please p { |
− | + | font-family: 'Quicksand', sans-serif; | |
− | + | color: #3e3f3f; | |
− | + | ||
− | + | } | |
+ | |||
+ | #please h3 { | ||
+ | font-family: 'quicksand', sans-serif; | ||
+ | color: #db4d4f; | ||
+ | |||
+ | } | ||
+ | |||
+ | #please h2 { | ||
+ | font-family: 'Quicksand', sans-serif; | ||
+ | color: #a2cca3; | ||
+ | font-size: 20.8px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #please h5 { | ||
+ | font-family: 'Quicksand', sans-serif; | ||
+ | color: #3e3f3f; | ||
+ | font-size: 22px; | ||
+ | font-weight: bold; | ||
+ | |||
+ | } | ||
+ | |||
+ | #please h6 { | ||
+ | font-family: 'Quicksand', sans-serif; | ||
+ | color: #3e3f3f; | ||
+ | font-size: 20px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .insert { | ||
+ | height: 68px; | ||
+ | width: 100%; | ||
+ | background-color:#e2e2e2; | ||
+ | } | ||
+ | |||
+ | .box1, .box2, .box3 { | ||
+ | background:#e1acb7; | ||
+ | border:0px solid; | ||
+ | border-color: #e1acb7; | ||
+ | margin-top: 10px; | ||
+ | box-sizing: border-box; | ||
+ | background-clip: padding-box; | ||
+ | padding:0 10px 10px 10px; | ||
+ | max-height:2px; | ||
+ | min-width:800px; | ||
+ | } | ||
+ | |||
+ | .box2 { | ||
+ | background:#f6daa3; | ||
+ | border-color: #f6daa3; | ||
+ | } | ||
+ | |||
+ | .box3 { | ||
+ | background:#93bcc0; | ||
+ | border-color: #93bcc0; | ||
+ | } | ||
+ | |||
+ | .small, .small1, .small2, .small3, .small4, .small5, .small6, .small7, .small8, .small9 { | ||
+ | background:#eeae2b7; | ||
+ | border:6px solid; | ||
+ | border-color: #b5a85; | ||
+ | box-sizing: border-box; | ||
+ | margin-top: 10px; | ||
+ | background-clip: padding-box; | ||
+ | padding:0 10px 10px 10px; | ||
+ | height:100px; | ||
+ | width:200px; | ||
+ | border-radius:10%; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | } | ||
+ | .small1 { | ||
+ | background:#efd1b9; | ||
+ | border-color: #c18b63; | ||
+ | } | ||
+ | .small2 { | ||
+ | background:#d1acac; | ||
+ | border-color: #b55252; | ||
+ | } | ||
+ | .small3 { | ||
+ | background:#ffd9f2; | ||
+ | border-color: #b792b0; | ||
+ | } | ||
+ | .small4 { | ||
+ | background:#bf97a2; | ||
+ | border-color: #93455f; | ||
+ | } | ||
+ | .small5 { | ||
+ | background:#d4bce8; | ||
+ | border-color: #706696; | ||
+ | } | ||
+ | .small6 { | ||
+ | background:#a9b3c4; | ||
+ | border-color: #314768; | ||
+ | } | ||
+ | .small7 { | ||
+ | background:#c5dfea; | ||
+ | border-color: #487e99; | ||
+ | } | ||
+ | .small8 { | ||
+ | background:#c4d1aa; | ||
+ | border-color: #8fb756; | ||
+ | } | ||
+ | .small9 { | ||
+ | background:#acc6ac; | ||
+ | border-color: #468e68; | ||
+ | } | ||
+ | |||
+ | .content { | ||
padding:0px; | padding:0px; | ||
width:90%; | width:90%; | ||
margin-top: 0px; | margin-top: 0px; | ||
− | margin-left:5%; | + | margin-left:5%; |
margin-right:5%; | margin-right:5%; | ||
− | |||
} | } | ||
− | . | + | .crispy { |
image-rendering: -moz-crisp-edges; | image-rendering: -moz-crisp-edges; | ||
image-rendering: -o-crisp-edges; | image-rendering: -o-crisp-edges; | ||
image-rendering: -webkit-optimize-contrast; | image-rendering: -webkit-optimize-contrast; | ||
-ms-interpolation-mode: nearest-neighbor; | -ms-interpolation-mode: nearest-neighbor; | ||
− | + | } | |
− | + | ||
− | . | + | .container { |
− | + | border:4px dotted; | |
− | + | border-color:#e2e2e2; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
.box { | .box { | ||
background:#fff; | background:#fff; | ||
− | + | transition:all 0.2s ease; | |
− | border | + | border:2px #dadada; |
− | margin-top: | + | margin-top: 10px; |
box-sizing: border-box; | box-sizing: border-box; | ||
+ | border-radius: 5px; | ||
background-clip: padding-box; | background-clip: padding-box; | ||
padding:0 20px 20px 20px; | padding:0 20px 20px 20px; | ||
+ | min-height:350px; | ||
+ | } | ||
+ | |||
+ | .box:hover { | ||
+ | border:2px solid #525C7A; | ||
+ | } | ||
+ | |||
+ | .sols { | ||
+ | background:#fff; | ||
+ | border-color:#93bcc0; | ||
+ | margin-top: 10px; | ||
+ | border-radius: 10%; | ||
+ | border-style: solid; | ||
+ | border-width: 5px; | ||
+ | box-sizing: border-box; | ||
+ | background-clip: padding-box; | ||
+ | padding:20x 20px 20px 20px; | ||
min-height:500px; | min-height:500px; | ||
− | + | ||
} | } | ||
− | . | + | .boxes { |
− | background:# | + | background:#fff; |
− | border: | + | border:5px white; |
− | + | margin-top: 10px; | |
− | margin-top: | + | |
box-sizing: border-box; | box-sizing: border-box; | ||
+ | border-radius: 25px; | ||
background-clip: padding-box; | background-clip: padding-box; | ||
padding:0 20px 20px 20px; | padding:0 20px 20px 20px; | ||
− | height: | + | min-height:300px; |
− | + | ||
} | } | ||
− | . | + | .boxes span.box-title { |
− | + | color: #fff; | |
− | + | font-size: 20px; | |
+ | font-weight: 300; | ||
} | } | ||
+ | |||
+ | .boxes .box-content { | ||
+ | padding: 16px; | ||
+ | border-radius: 25px; | ||
+ | background-clip: padding-box; | ||
+ | box-sizing: border-box; | ||
+ | background:#fff | ||
+ | } | ||
+ | |||
+ | .boxes .box-content p { | ||
+ | color:#515c66; | ||
+ | text-transform:none; | ||
+ | background:#fff | ||
+ | } | ||
+ | |||
+ | |||
+ | #small, #small1, #small2, #small3, #small4, #small5, #small6, #small7, #small8, #small9 {display: none;} | ||
+ | #small { border: 5px solid #b5a857;} | ||
+ | #small1 { border: 5px solid #c18b63;} | ||
+ | #small2 { border: 5px solid #b55252;} | ||
+ | #small3 { border: 5px solid #b792b0;} | ||
+ | #small4 {border: 5px solid #93455f;} | ||
+ | #small5 { border: 5px solid #706696;} | ||
+ | #small6 { border: 5px solid #314768;} | ||
+ | #small7 { border: 5px solid #487e99;} | ||
+ | #small8 { border: 5px solid #8fb756;} | ||
+ | #small9 {border: 5px solid #468e68;} | ||
+ | #info {border: 5px solid #f6daa3;} | ||
</style> | </style> | ||
</head> | </head> | ||
− | |||
+ | <body> | ||
+ | <div class = "insert"> | ||
+ | </div> | ||
− | <div class = " | + | <!-- Banner--> |
− | <div class = " | + | <div class="container-fluid page-heading"> |
− | + | <div class = "row" | |
+ | <div class = "crispy" style="background-color:#e2e2e2"> | ||
+ | <div class = "col-sx-12"> | ||
+ | <center><img src="https://static.igem.org/mediawiki/2017/c/ce/T--Sydney_Australia--AppliedDesignBanner.gif" class="img-center" width="70%"></center> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="content" id="please"> | ||
+ | <center><h1>The Issue</h1></center> | ||
+ | <div class = "box1"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="content" id="please"> | ||
+ | <center><h1>Potential Solutions</h1></center> | ||
+ | <div class = "box2"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="row" id = "please"> | ||
+ | <div class = "content"> | ||
+ | <div class="col-md-8"> | ||
+ | <center><img src="" class="img-center" width="70%"></center> | ||
+ | <br/> | ||
+ | <br/> | ||
+ | <br/> | ||
+ | <br/> | ||
+ | <br/> | ||
+ | <br/> | ||
+ | <br/> | ||
+ | <br/> | ||
+ | <br/> | ||
+ | <br/> | ||
+ | <br/> | ||
+ | <br/> | ||
+ | <br/> | ||
+ | <br/> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6"> | ||
+ | <div class="small"> | ||
+ | <center><h6><b>PUBLIC TRADING SCHEME</b></h6></center></div> | ||
+ | </div> | ||
+ | <div class="col-md-6"> | ||
+ | <div class="small1"> | ||
+ | <center><h6><b>OPEN-SOURCE INSULIN PUMP</b></h6><center></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6"> | ||
+ | <div class="small2"> | ||
+ | |||
+ | <center><h6><b>STANDARD BUSINESS MODEL</b></h6></center></div> | ||
+ | </div> | ||
+ | <div class="col-md-6"> | ||
+ | <div class="small3"> | ||
+ | |||
+ | <center><h6><b>PRIVATE INVESTMENT</b></h6></center></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6"> | ||
+ | <div class="small4"> | ||
+ | <center><h6><b>BATHTUB INSULIN</b></h6></center></div> | ||
+ | </div> | ||
+ | <div class="col-md-6"> | ||
+ | <div class="small5"> | ||
+ | <center><h6><b>PUBLIC INVESTMENT</b></h6></center></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6"> | ||
+ | <div class="small6"> | ||
+ | <center><h6><b>GENE THERAPY</b></h6></center></div> | ||
+ | </div> | ||
+ | <div class="col-md-6"> | ||
+ | <div class="small7"> | ||
+ | <center><h6><b>GUT BACTERIA INSULIN SECRETION</b></h6></center></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6"> | ||
+ | <div class="small8"> | ||
+ | <center><h6><b>ANIMAL INSULIN</b></h6></center></div> | ||
+ | </div> | ||
+ | <div class="col-md-6"> | ||
+ | <div class="small9"> | ||
+ | <center><h6><b>???</b></h6></center></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="row"> | ||
+ | <div class = "content"> | ||
+ | <div class="col-xs-12" id = "please"> | ||
+ | <div class="boxes"> | ||
+ | <div class="box-content" id="info"> | ||
+ | <h1 class="tag-title"><center>Find out More Info About these Solutions By Clicking on Their Box!</center></h1> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | <div class="box-content" id="small"> | ||
+ | <h1>Public Trading Scheme</h1> | ||
+ | <hr /> | ||
+ | <p></p> | ||
+ | <div class="box-content" id="small1"> | ||
+ | <h1>Open-Source Insulin Pump / Cloud Monitoring</h1> | ||
+ | <hr /> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | <div class="box-content" id="small2"> | ||
+ | <h1>Standart Business Model</h1> | ||
+ | <hr /> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | <div class="box-content" id="small3"> | ||
+ | <h1>Private Investment</h1> | ||
+ | <hr /> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | <div class="box-content" id="small4"> | ||
+ | <h1>Bathtub Insulin</h1> | ||
+ | <hr /> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | <div class="box-content" id="small5"> | ||
+ | <h1>Public Investment</h1> | ||
+ | <hr /> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | <div class="box-content" id="small6"> | ||
+ | <h1>Gene Therapy</h1> | ||
+ | <hr /> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | <div class="box-content" id="small7"> | ||
+ | <h1>Gut Bacteria Insulin Secretion</h1> | ||
+ | <hr /> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | <div class="box-content" id="small8"> | ||
+ | <h1>Animal Insulin</h1> | ||
+ | <hr /> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | <div class="box-content" id="small9"> | ||
+ | <h1>???</h1> | ||
+ | <hr /> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="content" id="please"> | ||
+ | <center><h1>Our Solution</h1></center> | ||
+ | <div class = "box3"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class = "row"> | ||
+ | <div class = "content"> | ||
+ | <div class = "col-xs-5"> | ||
+ | <div class="sols"> | ||
+ | <center><h4>Making Biosynthetic Bacteria Open Source!</h4></center> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-xs-7"> | ||
+ | <center><img src="" class="img-center" width="70%"></center> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
</body> | </body> | ||
− | </html> | + | </html> |
{{:Team:Sydney_Australia/templates/Footer}} | {{:Team:Sydney_Australia/templates/Footer}} |
Revision as of 09:44, 26 October 2017