(Prototype team page) |
Ayanchromium (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | {{IISc_Bangalore}} | + | {{Template:IISc_Bangalore/hide}} |
− | + | {{Template:IISc_Bangalore/bootstrap.css}} | |
+ | {{Template:IISc_Bangalore/fontawesome.css}} | ||
+ | {{Template:IISc_Bangalore/style.css}} | ||
+ | {{Template:IISc_Bangalore/sidebar.css}} | ||
+ | {{Template:IISc_Bangalore/parts.css}} | ||
+ | {{Template:IISc_Bangalore/animate.css}} | ||
+ | {{Template:IISc_Bangalore/hover.css}} | ||
+ | {{Template:IISc_Bangalore/sidebar.js}} | ||
+ | {{Template:IISc_Bangalore/anijs.js}} | ||
+ | <html> | ||
+ | <head> | ||
+ | <title>Team IISc iGem</title> | ||
+ | <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all"> | ||
+ | <script src="https://use.fontawesome.com/fce310c82d.js"></script> | ||
+ | <script src="js/jquery-1.11.0.min.js"></script> | ||
+ | <script type="text/javascript" src="js/bootstrap.js"></script> | ||
+ | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> | ||
+ | <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/> | ||
+ | <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" /> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }> | ||
+ | </script> | ||
+ | <meta name="keywords" content="Team IISc igem" /> | ||
+ | <!--Google Fonts--> | ||
+ | <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" /> | ||
+ | <link href='//fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Bitter" rel="stylesheet"> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet"> | ||
+ | <!--JS for animate--> | ||
+ | <link href="css/animate.css" rel="stylesheet" type="text/css" media="all"> | ||
− | |||
+ | <!-- here are mine --> | ||
+ | <link rel="stylesheet" href="sidebar.css"> | ||
+ | <link rel="stylesheet" href="parts.css"> | ||
+ | <link rel="stylesheet" href="hover.css" > | ||
+ | <script src="sidebar.js"></script> | ||
+ | </head> | ||
+ | <body> | ||
+ | <!--banner start here--> | ||
+ | <!-- <div class="banner"> | ||
+ | <div class="container"> --> | ||
+ | <nav class="navbar navbar-fixed-top text-center navbar-inverse"> | ||
+ | <div class="container-fluid"> | ||
+ | <div class="navbar-header"> | ||
+ | </div> | ||
+ | <div class="collapse navbar-collapse" id="myNavbar"> | ||
+ | <ul class="nav navbar-nav"> | ||
+ | <li class=" hvr-underline-from-left"><a href="#">Home</a></li> | ||
+ | <li class="hvr-underline-from-left"><a href="#">Team</a></li> | ||
+ | <li class="hvr-underline-from-left"><a href="#">Project</a></li> | ||
+ | <li class="active hvr-underline-from-left"><a href="#">Parts</a></li> | ||
+ | <li class="hvr-underline-from-left"><a href="#">Safety</a></li> | ||
+ | <li class="hvr-underline-from-left"><a href="#">Attributions</a></li> | ||
+ | <li class="hvr-underline-from-left"><a href="#">Practices</a></li> | ||
+ | <li class="hvr-underline-from-left"><a href="#">Awards</a></li> | ||
+ | </ul> | ||
− | + | </div> | |
− | + | ||
+ | </div> | ||
+ | </nav> | ||
− | < | + | <div class="banner-main"> |
+ | <section class="slider"> | ||
+ | <div class="flexslider"> | ||
+ | <span class="attri hvr-bounce-to-right ">Parts</span> | ||
+ | </div> | ||
+ | </section> | ||
+ | </div> | ||
− | + | <!--FlexSlider--> | |
− | < | + | <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" /> |
− | + | <script defer src="js/jquery.flexslider.js"></script> | |
− | + | <script type="text/javascript"> | |
− | < | + | $(function(){ |
+ | SyntaxHighlighter.all(); | ||
+ | }); | ||
+ | $(window).load(function(){ | ||
+ | $('.flexslider').flexslider({ | ||
+ | animation: "slide", | ||
+ | start: function(slider){ | ||
+ | $('body').removeClass('loading'); | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | <!--banner end here--> | ||
+ | <!--welcome--> | ||
+ | <div id="welcome" class="welcome w3l"> | ||
+ | <div class="container"> | ||
+ | <div class="welcome-grids"> | ||
+ | <!-- <div class="row"> | ||
+ | <div class="col-md-12 welcome-grid wow slideInDown animated" data-wow-delay=".5s" onclick="openPerson1()" id="overv"> | ||
+ | <div class="wel1 hvr-hang"> | ||
+ | <span class="glyphicon glyphicon-chevron-down" aria-hidden="true" ></span> | ||
+ | <h4>Overview</h4> | ||
+ | <p>With the advent of rDNA technology...</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> --> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-4 welcome-grid animated wow slideInLeft animated animated" data-wow-duration="1200ms" data-wow-delay="500ms" onclick="openPerson2()"> | ||
+ | <div class="wel2 hvr-hang"> | ||
+ | <span class="glyphicon glyphicon-chevron-down" aria-hidden="true" ></span> | ||
+ | <h4>Basic</h4> | ||
+ | <p>Basic ... </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4 welcome-grid wow slideInUp animated" data-wow-delay=".5s" onclick="openPerson3()"> | ||
+ | <div class="wel3 hvr-hang"> | ||
+ | <span class="glyphicon glyphicon-chevron-down" aria-hidden="true" ></span> | ||
+ | <h4>Composite</h4> | ||
+ | <p>Composite ... </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4 welcome-grid wow slideInRight animated" data-wow-delay=".5s" onclick="openPerson4()"> | ||
− | <div class=" | + | <div class="wel4 hvr-hang"> |
+ | <span class="glyphicon glyphicon-chevron-down" aria-hidden="true" ></span> | ||
+ | <h4>Parts collection</h4> | ||
+ | <p>Parts collection...</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="clearfix"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--welcome--> | ||
− | < | + | <!--content-middle--> |
− | < | + | <div class="content-middle wthree"> |
− | < | + | <div class="container" id="refer"> |
− | </div> | + | <div class="mid-content wow fadeInRight animated" data-wow-delay=".5s"> |
+ | <h3>End note</h3> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="refer col-md-6"> | ||
+ | End note | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--content-middle--> | ||
+ | <!--events | ||
+ | events--> | ||
+ | <div id="person1Tab" class="person1Tab"> | ||
+ | <div class="row"> | ||
+ | <div class="trans col-md-12"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6 person1Tabcontent"> | ||
+ | <a href="javascript:void(0)" class="closebtn" onclick="closeTab()">×</a> | ||
+ | <h1>Overview</h1> | ||
+ | <p class="whitef">With the advent of rDNA technology in the late 1970s, medicine, agriculture and several other areas underwent a quantum leap and from that point, progress only hastened, from one only one recombinant pharmaceutical approved for human use (insulin) in 1982 to one hundred and fifty-one FDA approved protein based recombinant pharmaceuticals by 2009<a href="#refer">[1]</a>. | ||
+ | Despite being in high demand (due to the fact that most recombinant products produced on an industrial scale are therapies for chronic diseases like cancer and diabetes), recombinant products are expensive due to several factors like long and expensive development time, high failure rate (~80%) of the products developed, manufacturing costs requiring expensive technologies and processes (bioreactors, column chromatography, sterile conditions, etc) and the involvement of skilled labor on both the manufacturing and the healthcare provider’s side<a href="#refer">[2]</a>. Treatments with these pharmaceuticals can cost from around 10,000 to 100,000 € per year for a single patient[2]. As scientists and engineers, it seems obvious that our contribution can be most easily and effectively be made at the level of manufacturing costs; to try to bring down the cost of these life-saving products. | ||
+ | <br><span class="readm hvr-ripple-out">Read more</span> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | <div class=" | + | <div id="person2Tab" class="person2Tab"> |
− | < | + | <div class="row"> |
− | + | <div class="trans col-md-12"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | <p> | + | </div> |
− | + | </div> | |
+ | <div class="row"> | ||
+ | <div class="col-md-6 person2Tabcontent"> | ||
+ | <a href="javascript:void(0)" class="closebtn" onclick="closeTab()">×</a> | ||
+ | <h1>Basic</h1> | ||
+ | <p class="whitef">basic | ||
+ | <br><span class="readm hvr-ripple-out">Read more</span> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | < | + | <div id="person3Tab" class="person3Tab"> |
+ | <div class="row"> | ||
+ | <div class="trans col-md-12"> | ||
− | <div class=" | + | </div> |
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6 person3Tabcontent"> | ||
+ | <a href="javascript:void(0)" class="closebtn" onclick="closeTab()">×</a> | ||
+ | <h1>Composite</h1> | ||
+ | <p class="whitef">Composite | ||
+ | <br><span class="readm hvr-ripple-out">Read more</span> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | |||
− | |||
− | < | + | <div id="person4Tab" class="person4Tab"> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <div class=" | + | <div class="row"> |
− | + | <div class="trans col-md-12"> | |
− | <div class=" | + | |
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6 person4Tabcontent"> | ||
+ | <a href="javascript:void(0)" class="closebtn" onclick="closeTab()">×</a> | ||
+ | <h1>Collection</h1> | ||
+ | <p class="whitef">Collection | ||
+ | <br><span class="readm hvr-ripple-out">Read more</span> | ||
+ | </p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <!--footer--> | ||
+ | <div class="footer"> | ||
+ | <div class="container"> | ||
+ | <div class="footer-grids"> | ||
+ | <div class="col-md-4 footer-grid wow fadeInUp animated" data-wow-delay=".5s"> | ||
+ | <h3>About Cellfiefuge</h3> | ||
+ | <p>From IISc.</p> | ||
+ | </div> | ||
+ | <div class="col-md-4 footer-grid animated wow fadeInDown animated animated" data-wow-duration="1200ms" data-wow-delay="500ms"> | ||
+ | <h3>Sponsors</h3> | ||
+ | <ul> | ||
+ | <li>[[File:snapgene.jpg|200px]]</li> | ||
+ | <li><img src=""></li> | ||
+ | <li><img src=""></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-md-4 footer-grid animated wow fadeInUp animated animated" data-wow-duration="1200ms" data-wow-delay="500ms"> | ||
+ | <h3>Social</h3> | ||
+ | <ul class="social-icons1"> | ||
+ | <li><a href="https://www.facebook.com/iiscbangaloreigem/?fref=ts" target="_blank"><i class="fa fa-facebook hvr-buzz"></i></a></li> | ||
+ | <li><a href="https://twitter.com/IISc_iGEM" target="_blank"><i class="fa fa-twitter hvr-buzz"></i></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--footer--> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 13:14, 8 October 2016
End note
Overview
With the advent of rDNA technology in the late 1970s, medicine, agriculture and several other areas underwent a quantum leap and from that point, progress only hastened, from one only one recombinant pharmaceutical approved for human use (insulin) in 1982 to one hundred and fifty-one FDA approved protein based recombinant pharmaceuticals by 2009[1].
Despite being in high demand (due to the fact that most recombinant products produced on an industrial scale are therapies for chronic diseases like cancer and diabetes), recombinant products are expensive due to several factors like long and expensive development time, high failure rate (~80%) of the products developed, manufacturing costs requiring expensive technologies and processes (bioreactors, column chromatography, sterile conditions, etc) and the involvement of skilled labor on both the manufacturing and the healthcare provider’s side[2]. Treatments with these pharmaceuticals can cost from around 10,000 to 100,000 € per year for a single patient[2]. As scientists and engineers, it seems obvious that our contribution can be most easily and effectively be made at the level of manufacturing costs; to try to bring down the cost of these life-saving products.
Read more