|
|
| Line 1: |
Line 1: |
| − | {{Warwick}} | + | {{WarwickHeader}} |
| | <html> | | <html> |
| − | | + | <div class="container"> |
| − | <head>
| + | |
| − | <meta charset="utf-8">
| + | <img src="https:// static.igem.org/ mediawiki/ 2017/4/ 44/T--Warwick-- 2-warwick.png" class=" warwick- logo"/> |
| − | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| + | <h1>Blueprint 361</h1> |
| − | <title>warwickigem2</title>
| + | <p style="color:# 99b3e6"> Revolutionising Implants</p> |
| − | <link rel="stylesheet" href="https://2017.igem.org/Team:Warwick/Resources/CSS:Plant-bootstrap-min-css?action=raw&ctype=text/css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:400,700">
| + | |
| − | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700">
| + | |
| − | <link rel="stylesheet" href="https://2017.igem.org/Team:Warwick/Resources/CSS:ionicons-bootstrap-min-css?action=raw&ctype=text/css">
| + | |
| − | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.1.1/aos.css">
| + | |
| − | <link rel="stylesheet" href="https://2017.igem.org/Team:Warwick/Resources/CSS:Plant-styles-min-css?action=raw&ctype=text/css">
| + | |
| − | </head>
| + | |
| − | | + | |
| − | <body style="background-image:url("https://2017.igem.org/File:T--Warwick--FrontPageBackground2.jpg");height:3365px;">
| + | |
| − | <nav class="navbar navbar-inverse navbar-fixed-top" style="background-image:url("https://2017.igem.org/File:T--Warwick--FrontPageBackground1.jpg");">
| + | |
| − | | + | |
| − | <div class=" navbar-header"> | + | |
| − | <a class="navbar-brand navbar-link" href="#" style="color:rgb(255,252,252);width:291px;"><img src="https:// 2017.igem.org/ File:T--Warwick--Blueprintlogo.png" id="logo">Warwick iGEM</ a> | + | |
| − | <button class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
| + | |
| − | </div>
| + | |
| − | <div class="collapse navbar-collapse" id="navcol-1">
| + | |
| − | <ul class="nav navbar-nav">
| + | |
| − | <li class="active" role="presentation"><a href="#">Project </a></li>
| + | |
| − | <li role="presentation"><a href="#" style="color:rgb(251,243,243);">Modelling </a></li>
| + | |
| − | <li role="presentation"><a href="#" style="color:rgb(255,239,239);">Software Items</a></li>
| + | |
| − | </ul>
| + | |
| − | <ul class="nav navbar-nav navbar-right">
| + | |
| − | <li class="active" role="presentation"><a href="#" style="width:104px;">Notebook</a></li>
| + | |
| − | <li role="presentation"><a href="#" style="color:rgb(251,250,250);">Human </a></li>
| + | |
| − | <li role="presentation"><a href="#" style="color:rgb(252,248,248);">Team </a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </nav>
| + | |
| − | <div style="height:60px;"></div>
| + | |
| − | <div class="jumbotron" style="height:210px;background-color:rgba(247,247,247,0);">
| + | |
| − | <h1 class="text-center" style="color:rgb(247,247,247);height:94px;font-size:88px;">Blueprint 361</h1>
| + | |
| − | <p class="text-center" style="color:rgb(255,252,252);font-size:27px;"><em>Lighting the future of 3D Bioprinting.</em></p>
| + | |
| − | <p></p>
| + | |
| − | </div>
| + | |
| − | <div class="highlight-phone" style="background-color:rgba(238,244,247,0.39);">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row" style="width:1119px;">
| + | |
| − | <div class="col-sm-8" style="width:746px;">
| + | |
| − | <div class="intro">
| + | |
| − | <h2 style="color:rgb(201,214,228);font-size:40px;width:660px;">Our Fundamental Application</h2>
| + | |
| − | <p style="color:rgb(215,222,227);font-size:26px;width:661px;">Using Synthetic Biology, we aim to improve the Biomedical Engineering industry by creating surface coatings for current and future implants.</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="col-sm-4 hidden-xs">
| + | |
| − | <div class="iphone-mockup"><img class="img-circle img-responsive device" src="https://2017.igem.org/File:T--Warwick--Blueprintlogo.png" data-aos="fade-down" data-aos-duration="3000" style="margin:14px;width:279px;"></div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div>
| + | |
| − | <div class="header-blue" style="height:429px;background-color:rgba(4,14,25,0.72);">
| + | |
| − | <div class="container hero">
| + | |
| − | <div class="row" data-aos="fade-right" data-aos-duration="1000" data-aos-delay="1000" style="height:500px;margin:-48px;">
| + | |
| − | <div class="col-lg-5 col-lg-offset-1 col-md-6 col-md-offset-0" style="width:681px;margin:-90px 15px 0px 40px;height:522px;">
| + | |
| − | <h1 style="font-size:45px;">What is our problem?</h1>
| + | |
| − | <p style="font-size:26px;font-family:Raleway, sans-serif;color:rgba(255,255,255,0.9);">Medical implants, such as knee and hip replacements, require membranes to coat them in order to characterise them as biocompatible.</p>
| + | |
| − | <p style="font-size:26px;font-family:Raleway, sans-serif;color:rgba(255,255,255,0.9);">However, current methods to create sufficient membranes (for growing stem cells on) require expensive equipment and have a longer printing time. </p>
| + | |
| − | </div>
| + | |
| − | <div class="col-lg-5 col-lg-offset-0 col-md-5 col-md-offset-1 hidden-xs hidden-sm phone-holder" style="padding:185px;height:443px;margin:-82px;width:507px;"><i class="icon ion-android-walk" data-aos="fade-right" data-aos-duration="1650" data-aos-delay="250" style="font-size:270px;margin:-67px;color:rgb(254,249,249);"></i>
| + | |
| − | <div class="iphone-mockup">
| + | |
| − | <div class="screen"></div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div data-aos="fade-right" data-aos-duration="1200" class="header-blue" style="height:427px;background-color:rgba(4,14,25,0.74);">
| + | |
| − | <div class="container hero">
| + | |
| − | <div class="row" style="height:566px;">
| + | |
| − | <div class="col-lg-5 col-lg-offset-0 col-md-5 col-md-offset-1 hidden-xs hidden-sm phone-holder" style="padding:185px;height:505px;margin:-90px 0px 0px -120px;width:416px;"><i class="glyphicon glyphicon-option-horizontal" style="font-size:200px;margin:-96px;color:rgb(254,249,249);width:215px;height:198px;"></i><i class="glyphicon glyphicon-option-horizontal" style="font-size:200px;margin:-67px;color:rgb(254,249,249);width:210px;height:123px;"></i>
| + | |
| − | <i
| + | |
| − | class="glyphicon glyphicon-option-horizontal" style="font-size:200px;margin:-79px;color:rgb(254,249,249);width:224px;height:175px;padding:-20px;"></i>
| + | |
| − | <div class="iphone-mockup">
| + | |
| − | <div class="screen"></div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="col-lg-5 col-lg-offset-1 col-md-6 col-md-offset-0" style="width:704px;margin:-80px 0px 0px 10px;">
| + | |
| − | <h1 style="font-size:44px;">What are we studying?</h1>
| + | |
| − | <p style=" font-size:25px;font-family:Raleway, sans-serif;color:# ffffff;"> We are studying the characteristics of Osseointegration. This refers to the direct structural and functional connection between the surface of a load bearing artifical implant, and the bone in the living body. </p > | + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div data-aos="fade-right" data-aos-duration="1000" data-aos-delay="450" class="header-blue" style="height:476px;background-color:rgba(4,14,25,0.68);">
| + | |
| − | <div class="container hero">
| + | |
| − | <div class="row" style="height:566px;">
| + | |
| − | <div class="col-lg-5 col-lg-offset-1 col-md-6 col-md-offset-0" style="width:627px;margin:-90px 0px 0px 0px;">
| + | |
| − | <h1 style="font-size:45px;">Where does Synthetic Biology play its part?</h1>
| + | |
| − | <p style="font-size:25px;color:#ffffff;font-family:Raleway, sans-serif;">We had genetically modified E coli K 12- whereby, when light of a specific wavelength is shined upon it, cellulose is produced. This acts as our ink.</p>
| + | |
| − | </div>
| + | |
| − | <div class="col-lg-5 col-lg-offset-0 col-md-5 col-md-offset-1 hidden-xs hidden-sm phone-holder" style="padding:260px;height:443px;margin:-82px;width:607px;"><i class="glyphicon glyphicon-leaf" style="font-size:270px;margin:-67px;color:rgb(254,249,249);"></i>
| + | |
| − | <div class="iphone-mockup">
| + | |
| − | <div class="screen"></div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div data-aos="fade-right" data-aos-duration="1000" class="header-blue" style="height:475px;background-color:rgba(4,14,25,0.68);">
| + | |
| − | <div class="container hero">
| + | |
| − | <div class="row" style="height:566px;">
| + | |
| − | <div class="col-lg-5 col-lg-offset-0 col-md-5 col-md-offset-1 hidden-xs hidden-sm phone-holder" style="padding:260px;height:443px;margin:-80px 0px 0px -170px;width:531px;"><i class="glyphicon glyphicon-print" style="font-size:270px;margin:-67px;color:rgb(254,249,249);"></i>
| + | |
| − | <div class="iphone-mockup">
| + | |
| − | <div class="screen"></div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="col-lg-5 col-lg-offset-1 col-md-6 col-md-offset-0" style="width:627px;margin:-80px 0px 0px 100px;height:493px;">
| + | |
| − | <h1 style="font-size:45px;">How are we tying this all together?</h1>
| + | |
| − | <p style="font-size:25px;color:#ffffff;font-family:Raleway, sans-serif;">Using our defined E coli, we are able to manufacture a novel 3D printer that creates surface coatings for implants. Once the light shines upon selected areas of the cell plate, a new surface coating strip will be created.</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div style="height:32px;"></div>
| + | |
| − | <div style="height:126px;background-color:rgba(13,52,81,0.62);">
| + | |
| − | <p class="text-center" data-aos="fade-up" data-aos-duration="1000" style="font-size:76px;color:rgb(255,245,245);font-family:Raleway, sans-serif;">Thank You to All Our Sponsors:</p>
| + | |
| − | </div>
| + | |
| − | <div style="height:35px;"></div>
| + | |
| − | <div class="container">
| + | |
| − | <div class="carousel slide" data-ride="carousel" id="carousel-1">
| + | |
| − | <div class="carousel-inner" role="listbox">
| + | |
| − | <div class="item"><img src="https://2017.igem.org/File:T--Warwick--FrontPageSponsor3.png" alt="Slide Image" style="width:1140px;"></div>
| + | |
| − | <div class="item"><img src="https://2017.igem.org/File:T--Warwick--FrontPageSponsor2.png" alt="Slide Image" style="width:1140px;"></div>
| + | |
| − | <div class="item"><img src="https://2017.igem.org/File:T--Warwick--FrontPageSponsor1.png" alt="Slide Image" style="width:1140px;"></div>
| + | |
| − | <div class="item active"><img src="https://2017.igem.org/File:T--Warwick--FrontPageSponsor4.png" alt="Slide Image" data-aos="fade-up" data-aos-duration="2000" style="width:1140px;"></div>
| + | |
| − | </div>
| + | |
| − | <div><a class="left carousel-control" href="#carousel-1" role="button" data-slide="prev"><i class="glyphicon glyphicon-chevron-left"></i><span class="sr-only">Previous</span></a><a class="right carousel-control" href="#carousel-1" role="button"
| + | |
| − | data-slide="next"><i class="glyphicon glyphicon-chevron-right"></i><span class="sr-only">Next</span></a></div>
| + | |
| − | <ol class="carousel-indicators">
| + | |
| − | <li data-target="#carousel-1" data-slide-to="0"></li>
| + | |
| − | <li data-target="#carousel-1" data-slide-to="1"></li>
| + | |
| − | <li data-target="#carousel-1" data-slide-to="2"></li>
| + | |
| − | <li data-target="#carousel-1" data-slide-to="3" class="active"></li>
| + | |
| − | </ol>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| | </div> | | </div> |
| − | <script src="https://2017.igem.org/Team:Warwick/Resources/Javascript:Plant-jquery-min-js?action=raw&ctype=text/javascript"></script>
| + | </div> |
| − | <script src="https://2017.igem.org/Team:Warwick/Resources/Javascript:Plant-bootstrap-min-js?action=raw&ctype=text/javascript"></script>
| + | <img src="https://static.igem.org/mediawiki/2017/9/93/T--Warwick--2-header.png" class="header-img"/> |
| − | <script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.1.1/aos.js"></script>
| + | <div class="container"> |
| − | <script src="https://2017.igem.org/Team:Warwick/Resources/Javascript:Plant-bootstrap-min-js?action=raw&ctype=text/javascript"></script>
| + | <div class="hwrap"><h2>The Project</h2></div> |
| − | </body> | + | <div class="col-lg-12 col-centered text-justify"> |
| | + | <p>By providing a well-defined, biocompatible surface coating, the risk of bone and dental implant failure will be greatly reduced. In order to produce such coatings, light will have control over the spatial production of extra-cellular cellulose and formation of biofilm. The modified E.coli builds on work from previous iGEM teams, utilising a transmembrane protein complex: upon exposure to red light Cph8 prevents the phosphorylation of a promoter and begins the synthesis cascade. Using this technology, the team will be able to build a 3D printer where living bacteria act as the 'bio-ink'. They will then be able to produce biocompatible structures, featuring micrometre pores, which mimic the surface of broken bone for implants. Micropore structures have been shown to induce the body to produce new bone, helping the implant fuse efficiently and thus reduce overall failure rates.</p> |
| | + | </div> |
| | + | <div class="hwrap"><img src="https://static.igem.org/mediawiki/2017/6/63/T--Warwick--2-2.png" width="85%"/></div> |
| | + | <div class="row"> |
| | + | <div class="col-sm-4"> |
| | + | <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/8/8d/T--Warwick--front-description.jpg"/> |
| | + | <a href="https://2017.igem.org/Team:Warwick/Description"> |
| | + | <div class="overlay light"> |
| | + | <div class="text"><h2 class="white">Description</h2></div> |
| | + | </div> |
| | + | </a> |
| | + | </div> |
| | + | <div class="col-sm-4"> |
| | + | <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/0/06/T--Warwick--Front-outreach-Small.jpg"/> |
| | + | <a href="https://2017.igem.org/Team:Warwick/Engagement"> |
| | + | <div class="overlay dark"> |
| | + | <div class="text"><h2 class="white">Outreach</h2></div> |
| | + | </div> |
| | + | </a> |
| | + | </div> |
| | + | <div class="col-sm-4"> |
| | + | <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/e/e3/T--Warwick--Front-HP.png"/> |
| | + | <a href="https://2017.igem.org/Team:Warwick/HP/Silver"> |
| | + | <div class="overlay light"> |
| | + | <div class="text"><h2 class="white">Human Practices</h2></div> |
| | + | </div> |
| | + | </a> |
| | + | </div> |
| | + | <div class="col-sm-4"> |
| | + | <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/1/12/T--Warwick--Front-software.png"/> |
| | + | <a href="https://2017.igem.org/Team:Warwick/Software"> |
| | + | <div class="overlay dark"> |
| | + | <div class="text"><h2 class="white">Software</h2></div> |
| | + | </div> |
| | + | </a> |
| | + | </div> |
| | + | <div class="col-sm-4"> |
| | + | <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/b/b1/T--Warwick--Front-team.jpg"/> |
| | + | <div class="overlay light"> |
| | + | <div class="text"><h2 class="white">Team</h2></div> |
| | + | </div> |
| | + | </div> |
| | + | <div class="col-sm-4"> |
| | + | <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/b/bd/T--Warwick--Front-Attributions.jpg"/> |
| | + | <div class="overlay dark"> |
| | + | <div class="text"><h2 class="white">Attributions</h2></div> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | | | |
| | </html> | | </html> |
| | + | {{WarwickFooter}} |
