|
|
| Line 1: |
Line 1: |
| − | | + | {{UiOslo_Norway}} |
| − | <!DOCTYPE html> | + | <html> |
| − | <html lang="en">
| + | |
| | <head> | | <head> |
| | <meta charset="utf-8"> | | <meta charset="utf-8"> |
| Line 7: |
Line 6: |
| | <meta name="description" content=""> | | <meta name="description" content=""> |
| | <meta name="author" content=""> | | <meta name="author" content=""> |
| − | <title>Shortcodes | Triangle</title> | + | <title>Blog 2 Columns + Right Sidebar | Triangle</title> |
| − | <link rel="stylesheet" type="text/css"
| + | <link rel="stylesheet" type="text/css" |
| | href="https://2017.igem.org/Template:UiOslo_Norway/CSS?action=raw&ctype=text/css" /> | | href="https://2017.igem.org/Template:UiOslo_Norway/CSS?action=raw&ctype=text/css" /> |
| | + | |
| | | | |
| | </head><!--/head--> | | </head><!--/head--> |
| | + | |
| | | | |
| | <body> | | <body> |
| − | <header id="header">
| + | <section id="shortcodes"> |
| − | <div class="container">
| + | <div class="container"> |
| − | <div class="row">
| + | <div id="accordion-container"> |
| − | <div class="col-sm-12 overflow">
| + | <h2 class="page-header">Notebook</h2> |
| − | <div class="social-icons pull-right">
| + | |
| − | <ul class="nav nav-pills">
| + | |
| − | <li><a href=""><i class="fa fa-facebook"></i></a></li>
| + | |
| − | <li><a href=""><i class="fa fa-twitter"></i></a></li>
| + | |
| − | <li><a href=""><i class="fa fa-google-plus"></i></a></li>
| + | |
| − | <li><a href=""><i class="fa fa-dribbble"></i></a></li>
| + | |
| − | <li><a href=""><i class="fa fa-linkedin"></i></a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="navbar navbar-inverse" role="banner">
| + | |
| − | <div class="container">
| + | |
| − | <div class="navbar-header">
| + | |
| − | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
| + | |
| − | <span class="sr-only">Toggle navigation</span>
| + | |
| − | <span class="icon-bar"></span>
| + | |
| − | <span class="icon-bar"></span>
| + | |
| − | <span class="icon-bar"></span>
| + | |
| − | </button>
| + | |
| − | | + | |
| − | <a class="navbar-brand" href="index.html">
| + | |
| − | <h1><img src="images/logo.png" alt="logo"></h1>
| + | |
| − | </a>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | <div class="collapse navbar-collapse">
| + | |
| − | <ul class="nav navbar-nav navbar-right">
| + | |
| − | <li><a href="index.html">Home</a></li>
| + | |
| − | <li class="dropdown"><a href="#">Pages <i class="fa fa-angle-down"></i></a>
| + | |
| − | <ul role="menu" class="sub-menu">
| + | |
| − | <li><a href="aboutus.html">About</a></li>
| + | |
| − | <li><a href="aboutus2.html">About 2</a></li>
| + | |
| − | <li><a href="service.html">Services</a></li>
| + | |
| − | <li><a href="pricing.html">Pricing</a></li>
| + | |
| − | <li><a href="contact.html">Contact us</a></li>
| + | |
| − | <li><a href="contact2.html">Contact us 2</a></li>
| + | |
| − | <li><a href="404.html">404 error</a></li>
| + | |
| − | <li><a href="coming-soon.html">Coming Soon</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li class="dropdown"><a href="blog.html">Blog <i class="fa fa-angle-down"></i></a>
| + | |
| − | <ul role="menu" class="sub-menu">
| + | |
| − | <li><a href="blog.html">Blog Default</a></li>
| + | |
| − | <li><a href="blogtwo.html">Timeline Blog</a></li>
| + | |
| − | <li><a href="blogone.html">2 Columns + Right Sidebar</a></li>
| + | |
| − | <li><a href="blogthree.html">1 Column + Left Sidebar</a></li>
| + | |
| − | <li><a href="blogfour.html">Blog Masonary</a></li>
| + | |
| − | <li><a href="blogdetails.html">Blog Details</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li class="dropdown"><a href="portfolio.html">Portfolio <i class="fa fa-angle-down"></i></a>
| + | |
| − | <ul role="menu" class="sub-menu">
| + | |
| − | <li><a href="portfolio.html">Portfolio Default</a></li>
| + | |
| − | <li><a href="portfoliofour.html">Isotope 3 Columns + Right Sidebar</a></li>
| + | |
| − | <li><a href="portfolioone.html">3 Columns + Right Sidebar</a></li>
| + | |
| − | <li><a href="portfoliotwo.html">3 Columns + Left Sidebar</a></li>
| + | |
| − | <li><a href="portfoliothree.html">2 Columns</a></li>
| + | |
| − | <li><a href="portfolio-details.html">Portfolio Details</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li class="active"><a href="shortcodes.html">Shortcodes</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <div class="search">
| + | |
| − | <form role="form">
| + | |
| − | <i class="fa fa-search"></i>
| + | |
| − | <div class="field-toggle">
| + | |
| − | <input type="text" class="search-form" autocomplete="off" placeholder="Search">
| + | |
| − | </div>
| + | |
| − | </form>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </header> | + | |
| − | <!--/#header-->
| + | |
| − | | + | |
| − | <section id="page-breadcrumb">
| + | |
| − | <div class="vertical-center sun">
| + | |
| − | | + | |
| − | <div class="row">
| + | |
| − | <div class="action">
| + | |
| − | <div class="col-sm-12">
| + | |
| − | <h1 class="title">Shortcodes</h1>
| + | |
| − | <p>A Cool Collection of Bootstrap Shortcodes</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div> | + | |
| − | </section>
| + | |
| − | <!--/#action-->
| + | |
| − | | + | |
| − | <section id="shortcodes">
| + | |
| − | <div class="container">
| + | |
| − | | + | |
| − | <div id="buttons-container">
| + | |
| − | <h2 class="page-header">Buttons</h2>
| + | |
| − | <div class="bs-example">
| + | |
| − | <button type="button" class="btn btn-xs btn-default">Default</button>
| + | |
| − | <button type="button" class="btn btn-xs btn-primary">Primary</button>
| + | |
| − | <button type="button" class="btn btn-xs btn-success">Success</button>
| + | |
| − | <button type="button" class="btn btn-xs btn-info">Info</button>
| + | |
| − | <button type="button" class="btn btn-xs btn-warning">Warning</button>
| + | |
| − | <button type="button" class="btn btn-xs btn-danger">Danger</button>
| + | |
| − | </div>
| + | |
| − | <div class="bs-example">
| + | |
| − | <button type="button" class="btn btn-sm btn-default">Default</button>
| + | |
| − | <button type="button" class="btn btn-sm btn-primary">Primary</button>
| + | |
| − | <button type="button" class="btn btn-sm btn-success">Success</button>
| + | |
| − | <button type="button" class="btn btn-sm btn-info">Info</button>
| + | |
| − | <button type="button" class="btn btn-sm btn-warning">Warning</button>
| + | |
| − | <button type="button" class="btn btn-sm btn-danger">Danger</button>
| + | |
| − | </div>
| + | |
| − | <div class="bs-example">
| + | |
| − | <button type="button" class="btn btn-default">Default</button>
| + | |
| − | <button type="button" class="btn btn-primary">Primary</button>
| + | |
| − | <button type="button" class="btn btn-success">Success</button>
| + | |
| − | <button type="button" class="btn btn-info">Info</button>
| + | |
| − | <button type="button" class="btn btn-warning">Warning</button>
| + | |
| − | <button type="button" class="btn btn-danger">Danger</button>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <div class="bs-example">
| + | |
| − | <button type="button" class="btn btn-lg btn-default"><i class="fa fa-cog"></i> Default</button>
| + | |
| − | <button type="button" class="btn btn-lg btn-primary"><i class="fa fa-heart"></i> Primary</button>
| + | |
| − | <button type="button" class="btn btn-lg btn-success">Success</button>
| + | |
| − | <button type="button" class="btn btn-lg btn-info">Info</button>
| + | |
| − | <button type="button" class="btn btn-lg btn-warning">Warning</button>
| + | |
| − | <button type="button" class="btn btn-lg btn-danger">Danger</button>
| + | |
| − | </div>
| + | |
| − | </div><!--/#buttons-container-->
| + | |
| − | | + | |
| − | <div id="feature-container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="col-md-12">
| + | |
| − | <h2 class="page-header">Features</h2>
| + | |
| − | </div>
| + | |
| − | <div class="col-sm-3 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="300ms">
| + | |
| − | <div class="feature-inner">
| + | |
| − | <div class="icon-wrapper">
| + | |
| − | <i class="fa fa-2x fa-envelope-o"></i>
| + | |
| − | </div>
| + | |
| − | <h2>Incredibly Responsive</h2>
| + | |
| − | <p>Ground round tenderloin flank shank ribeye. Hamkevin meatball swine.</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="col-sm-3 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="600ms">
| + | |
| − | <div class="feature-inner">
| + | |
| − | <div class="icon-wrapper">
| + | |
| − | <i class="fa fa-2x fa-heart-o"></i>
| + | |
| − | </div>
| + | |
| − | <h2>Incredibly Responsive</h2>
| + | |
| − | <p>Ground round tenderloin flank shank ribeye. Hamkevin meatball swine.</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="col-sm-3 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="900ms">
| + | |
| − | <div class="feature-inner">
| + | |
| − | <div class="icon-wrapper">
| + | |
| − | <i class="fa fa-2x fa-star-o"></i>
| + | |
| − | </div>
| + | |
| − | <h2>Incredibly Responsive</h2>
| + | |
| − | <p>Ground round tenderloin flank shank ribeye. Hamkevin meatball swine.</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="col-sm-3 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="1200ms">
| + | |
| − | <div class="feature-inner">
| + | |
| − | <div class="icon-wrapper">
| + | |
| − | <i class="fa fa-2x fa-comments-o"></i>
| + | |
| − | </div>
| + | |
| − | <h2>Incredibly Responsive</h2>
| + | |
| − | <p>Ground round tenderloin flank shank ribeye. Hamkevin meatball swine.</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div><!--/#feature-container-->
| + | |
| − | | + | |
| − | <hr>
| + | |
| − | | + | |
| − | <div id="tab-container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="col-md-12">
| + | |
| − | <h2 class="page-header">Tab</h2>
| + | |
| − | </div>
| + | |
| − | <div class="col-md-6">
| + | |
| − | <ul id="tab1" class="nav nav-tabs">
| + | |
| − | <li class="active"><a href="#tab1-item1" data-toggle="tab">Tab 1</a></li>
| + | |
| − | <li><a href="#tab1-item2" data-toggle="tab">Tab 2</a></li>
| + | |
| − | <li><a href="#tab1-item3" data-toggle="tab">Tab 3</a></li>
| + | |
| − | </ul>
| + | |
| − | <div class="tab-content">
| + | |
| − | <div class="tab-pane fade active in" id="tab1-item1">
| + | |
| − | <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p>
| + | |
| − | </div>
| + | |
| − | <div class="tab-pane fade" id="tab1-item2">
| + | |
| − | <p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.</p>
| + | |
| − | </div>
| + | |
| − | <div class="tab-pane fade" id="tab1-item3">
| + | |
| − | <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="col-md-6">
| + | |
| − | <ul id="tab2" class="nav nav-pills">
| + | |
| − | <li class="active"><a href="#tab2-item1" data-toggle="tab">Tab 1</a></li>
| + | |
| − | <li><a href="#tab2-item2" data-toggle="tab">Tab 2</a></li>
| + | |
| − | <li><a href="#tab2-item3" data-toggle="tab">Tab 3</a></li>
| + | |
| − | </ul>
| + | |
| − | <div class="tab-content">
| + | |
| − | <div class="tab-pane fade active in" id="tab2-item1">
| + | |
| − | <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p>
| + | |
| − | </div>
| + | |
| − | <div class="tab-pane fade" id="tab2-item2">
| + | |
| − | <p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.</p>
| + | |
| − | </div>
| + | |
| − | <div class="tab-pane fade" id="tab2-item3">
| + | |
| − | <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div><!--/#table-container-->
| + | |
| − | | + | |
| − | <div id="accordion-container"> | + | |
| − | <h2 class="page-header">Accordion</h2> | + | |
| | <div class="panel-group" id="accordion"> | | <div class="panel-group" id="accordion"> |
| | <div class="panel panel-default"> | | <div class="panel panel-default"> |
| Line 250: |
Line 24: |
| | <h4 class="panel-title"> | | <h4 class="panel-title"> |
| | <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> | | <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> |
| − | Collapsible Group Item #1 | + | February |
| | </a> | | </a> |
| | </h4> | | </h4> |
| Line 256: |
Line 30: |
| | <div id="collapseOne" class="panel-collapse collapse in"> | | <div id="collapseOne" class="panel-collapse collapse in"> |
| | <div class="panel-body"> | | <div class="panel-body"> |
| − | Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. | + | Team building activities |
| | </div> | | </div> |
| | </div> | | </div> |
| Line 264: |
Line 38: |
| | <h4 class="panel-title"> | | <h4 class="panel-title"> |
| | <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"> | | <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"> |
| − | Collapsible Group Item #2 | + | March |
| | </a> | | </a> |
| | </h4> | | </h4> |
| Line 270: |
Line 44: |
| | <div id="collapseTwo" class="panel-collapse collapse"> | | <div id="collapseTwo" class="panel-collapse collapse"> |
| | <div class="panel-body"> | | <div class="panel-body"> |
| − | Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
| + | Team Building and Discussion on project ideas |
| | + | Attended the BioBrick Tutorial 2017 with several other Scandinavian iGEM-teams at the DTU. |
| | </div> | | </div> |
| | </div> | | </div> |
| Line 278: |
Line 53: |
| | <h4 class="panel-title"> | | <h4 class="panel-title"> |
| | <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree"> | | <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree"> |
| − | Collapsible Group Item #3 | + | April |
| | </a> | | </a> |
| | </h4> | | </h4> |
| Line 284: |
Line 59: |
| | <div id="collapseThree" class="panel-collapse collapse"> | | <div id="collapseThree" class="panel-collapse collapse"> |
| | <div class="panel-body"> | | <div class="panel-body"> |
| − | Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. | + | <p>Discussion with SMEs from Physics and Molecular Biology for background information on feasibility of Bilogical Lasers</p> |
| | </div> | | </div> |
| | </div> | | </div> |
| | </div> | | </div> |
| − | </div><!--/#accordion-->
| + | <div class=" panel panel- default"> |
| − | </div><!--/#accordion-container-->
| + | <div class="panel-heading"> |
| − | | + | <h4 class="panel-title"> |
| − | <div id="progressbar-container">
| + | <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree"> |
| − | <h2 class="page-header">Progress Bars</h2>
| + | April |
| − | <div class="progress">
| + | </a> |
| − | <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
| + | </h4> |
| − | 40% Complete (success) | + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
| + | |
| − | 20% Complete
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="progress">
| + | |
| − | <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
| + | |
| − | 60% Complete (warning)
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="progress">
| + | |
| − | <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
| + | |
| − | 80% Complete
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div><!--/#progressbar-container-->
| + | |
| − | | + | |
| − | <div id="map-container">
| + | |
| − | <h2 class="page-header">Google Map</h2>
| + | |
| − | <div id="gmap"></div>
| + | |
| − | </div><!--/#map-container-->
| + | |
| − | | + | |
| − | <div id="video-container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="col-md-6">
| + | |
| − | <h2 class="page-header">Responsive Vimeo Video</h2>
| + | |
| − | <iframe src="https://player.vimeo.com/video/95995577"></iframe>
| + | |
| − | </div>
| + | |
| − | <div class="col-md-6">
| + | |
| − | <h2 class="page-header">Responsive YouTube Video</h2>
| + | |
| − | <iframe src="https://www.youtube.com/embed/4x-aHGCD8Pc" ></iframe>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div><!--/#video-container-->
| + | |
| − | | + | |
| − | <div id="carousel-container">
| + | |
| − | <h2 class="page-header">Carousel</h2>
| + | |
| − | <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
| + | |
| − | <ol class="carousel-indicators visible-xs">
| + | |
| − | <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
| + | |
| − | <li data-target="#carousel-example-generic" data-slide-to="1"></li>
| + | |
| − | <li data-target="#carousel-example-generic" data-slide-to="2"></li>
| + | |
| − | </ol>
| + | |
| − | <div class="carousel-inner">
| + | |
| − | <div class="item active">
| + | |
| − | <img src="http://placehold.it/1140x487/green" alt="">
| + | |
| − | <div class="carousel-caption">
| + | |
| − | <h3>First slide label</h3> | + | |
| − | <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
| + | |
| − | </div> | + | |
| | </div> | | </div> |
| − | <div class="item"> | + | <div id="collapseThree" class="panel-collapse collapse"> |
| − | <img src="http://placehold.it/1140x487/blue" alt="">
| + | <div class="panel-body"> |
| − | <div class="carousel-caption"> | + | <p>Discussion with SMEs from Physics and Molecular Biology for background information on feasibility of Bilogical Lasers</p> |
| − | <h3>Second slide label</h3>
| + | |
| − | <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p> | + | |
| | </div> | | </div> |
| | </div> | | </div> |
| − | <div class="item"> | + | </div> |
| − | <img src="http://placehold.it/1140x487/red" alt=""> | + | <div class="panel panel-default"> |
| − | <div class="carousel-caption"> | + | <div class="panel-heading"> |
| − | <h3>Third slide label</h3> | + | <h4 class="panel-title"> |
| − | <p> Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p> | + | <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree"> |
| | + | May |
| | + | </a> |
| | + | </h4> |
| | + | </div> |
| | + | <div id="collapseThree" class="panel-collapse collapse"> |
| | + | <div class="panel-body"> |
| | + | <p>Laboratory work: expressing and purifying his-tagged GFP.</p> |
| | + | <p> Eirik: Participated in laboratory work on the 15th and the 22nd of May.</p> |
| | </div> | | </div> |
| | </div> | | </div> |
| | </div> | | </div> |
| − | <a class="left carousel-control hidden-xs" href="#carousel-example-generic" data-slide="prev">
| + | <div class="panel panel-default"> |
| − | <span class="glyphicon glyphicon-chevron-left"></span> | + | <div class="panel-heading"> |
| − | </a>
| + | <h4 class="panel-title"> |
| − | <a class="right carousel-control hidden-xs" href="#carousel-example-generic" data-slide="next">
| + | <a data- toggle=" collapse" data- parent=" #accordion" href=" #collapseThree"> |
| − | <span class="glyphicon glyphicon-chevron-right"></span>
| + | June |
| − | </a>
| + | </a> |
| − | </div><!--/#carousel-example-generic-->
| + | </h4> |
| − | </div><!--/#carousel-container-->
| + | |
| − | | + | |
| − | <div id="alert-container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="col-md-12">
| + | |
| − | <h2 class="page-header">Alert</h2>
| + | |
| − | </div>
| + | |
| − | <div class="col-md-6">
| + | |
| − | <div class="alert alert-danger fade in">
| + | |
| − | <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
| + | |
| − | <h4>Oh snap! You got an error!</h4> | + | |
| − | <p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p>
| + | |
| | </div> | | </div> |
| − | <div class="alert alert-warning fade in"> | + | <div id="collapseThree" class="panel-collapse collapse"> |
| − | <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> | + | <div class="panel-body"> |
| − | <h4>Oh snap! You got an error!</h4>
| + | |
| − | <p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p> | + | </div> |
| | </div> | | </div> |
| | </div> | | </div> |
| − | | + | <div class=" panel panel- default"> |
| − | | + | <div class="panel-heading"> |
| − | <div class="alert alert-info fade in"> | + | <h4 class="panel-title"> |
| − | <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> | + | <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree"> |
| − | <h4>Oh snap! You got an error!</h4> | + | July |
| − | <p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p>
| + | </a> |
| | + | </h4> |
| | </div> | | </div> |
| − | <div class="alert alert-success fade in"> | + | <div id="collapseThree" class="panel-collapse collapse"> |
| − | <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> | + | <div class="panel-body"> |
| − | <h4>Oh snap! You got an error!</h4>
| + | |
| − | <p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p> | + | </div> |
| | </div> | | </div> |
| | </div> | | </div> |
| − | </div>
| + | <div class=" panel panel- default"> |
| − | </div><!--/#alert-container-->
| + | <div class=" panel-heading"> |
| − | | + | <h4 class="panel-title"> |
| − | <div id="testimonial-container">
| + | <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree"> |
| − | | + | August |
| − | <div class="col-md-6">
| + | </a> |
| − | <h2 class="page-header">Testimonial</h2>
| + | </h4> |
| − | <div class="testimonial">
| + | </div> |
| − | <div class="media">
| + | <div id="collapseThree" class=" panel- collapse collapse"> |
| − | <div class="pull-left">
| + | <div class="panel-body"> |
| − | <a href="#"><img src="images/home/profile1.png" alt=""></a> | + | |
| − | </div>
| + | |
| − | | + | |
| − | <blockquote>Nisi commodo bresaola, leberkas venison eiusmod bacon occaecat labore tail.</blockquote>
| + | |
| − | <h3><a href="#">- Jhon Kalis</a></h3>
| + | |
| − | </div> | + | |
| | </div> | | </div> |
| − | <div class="media">
| |
| − | <div class="pull-left">
| |
| − | <a href="#"><img src="images/home/profile2.png" alt=""></a>
| |
| − | </div>
| |
| − | <div class="media-body">
| |
| − | <blockquote>Capicola nisi flank sed minim sunt aliqua rump pancetta leberkas venison eiusmod.</blockquote>
| |
| − | <h3><a href="">- Abraham Josef</a></h3>
| |
| − | </div>
| |
| − | </div>
| |
| | </div> | | </div> |
| | </div> | | </div> |
| − | | + | <div class=" panel panel- default"> |
| − | | + | <div class="panel-heading"> |
| − | <h2 class="page-header">Blockquote</h2> | + | <h4 class="panel-title"> |
| − | <blockquote>
| + | <a data-toggle=" collapse" data- parent=" #accordion" href=" #collapseThree"> |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> | + | September |
| − | <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
| + | </a> |
| − | </blockquote>
| + | </h4> |
| − | <blockquote>
| + | </div> |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
| + | <div id=" collapseThree" class=" panel-collapse collapse"> |
| − | <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
| + | <div class="panel-body"> |
| − | </blockquote>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div><!--/#testimonial-container-->
| + | |
| − | | + | |
| − | <div class="padding"></div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | </section>
| + | |
| − | | + | |
| − | | + | |
| − | <footer id="footer">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="col-sm-12 text-center bottom-separator">
| + | |
| − | <img src="images/home/under.png" class="img-responsive inline" alt="">
| + | |
| − | </div>
| + | |
| − | <div class=" col-md-4 col-sm-6" > | + | |
| − | <div class="testimonial bottom">
| + | |
| − | <h2>Testimonial</h2>
| + | |
| − | <div class="media">
| + | |
| − | <div class="pull-left"> | + | |
| − | <a href="#"><img src="images/home/profile1.png" alt=""></a>
| + | |
| | </div> | | </div> |
| − | <div class="media-body">
| + | </div> |
| − | <blockquote>Nisi commodo bresaola, leberkas venison eiusmod bacon occaecat labore tail.</blockquote>
| + | |
| − | <h3><a href="#">- Jhon Kalis</a></h3>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="media"> | + | |
| − | <div class="pull-left">
| + | |
| − | <a href="#"><img src="images/home/profile2.png" alt=""></a>
| + | |
| − | </div>
| + | |
| − | <div class="media-body">
| + | |
| − | <blockquote>Capicola nisi flank sed minim sunt aliqua rump pancetta leberkas venison eiusmod.</blockquote>
| + | |
| − | <h3><a href="">- Abraham Josef</a></h3>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="col-md-3 col-sm-6">
| + | |
| − | <div class="contact-info bottom">
| + | |
| − | <h2>Contacts</h2>
| + | |
| − | <address>
| + | |
| − | E-mail: <a href="mailto:someone@example.com">email@email.com</a> <br>
| + | |
| − | Phone: +1 (123) 456 7890 <br>
| + | |
| − | Fax: +1 (123) 456 7891 <br>
| + | |
| − | </address>
| + | |
| − | | + | |
| − | <h2>Address</h2>
| + | |
| − | <address>
| + | |
| − | Unit C2, St.Vincent's Trading Est., <br>
| + | |
| − | Feeder Road, <br>
| + | |
| − | Bristol, BS2 0UY <br>
| + | |
| − | United Kingdom <br>
| + | |
| − | </address>
| + | |
| | </div> | | </div> |
| − | </div>
| + | <div class="panel panel-default"> |
| − | <div class=" col-md- 4 col-sm-12"> | + | <div class=" panel- heading"> |
| − | <div class="contact-form bottom">
| + | <h4 class="panel-title"> |
| − | <h2>Send a message</h2>
| + | <a data- toggle=" collapse" data-parent=" #accordion" href=" #collapseThree" > |
| − | <form id="main-contact-form" name="contact-form" method="post" action="sendemail.php">
| + | October |
| − | <div class="form-group"> | + | </a> |
| − | <input type="text" name="name" class="form-control" required="required" placeholder="Name">
| + | </h4> |
| | + | </div> |
| | + | <div id="collapseThree" class="panel-collapse collapse"> |
| | + | <div class="panel-body"> |
| | + | |
| | </div> | | </div> |
| − | <div class="form-group">
| + | </div> |
| − | <input type="email" name="email" class="form-control" required="required" placeholder="Email Id">
| + | |
| − | </div>
| + | |
| − | <div class="form-group">
| + | |
| − | <textarea name="message" id="message" required="required" class="form-control" rows="8" placeholder="Your text here"></textarea>
| + | |
| − | </div>
| + | |
| − | <div class="form-group">
| + | |
| − | <input type="submit" name="submit" class="btn btn-submit" value="Submit">
| + | |
| − | </div>
| + | |
| − | </form>
| + | |
| | </div> | | </div> |
| − | </div> | + | |
| − | <div class="col-sm-12">
| + | </div><!--/#accordion--> |
| − | <div class="copyright-text text-center">
| + | </div><!--/#accordion-container--> |
| − | <p>© Your Company 2014. All Rights Reserved.</p>
| + | </div> |
| − | <p>Designed by <a target="_blank" href="http://www.themeum.com">Themeum</a></p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div> | + | |
| − | </div>
| + | |
| − | </footer>
| + | |
| − | <!--/#footer-->
| + | |
| − | | + | |
| − | <script type="text/javascript" src="https://2017.igem.org/Template:UiOslo_Norway/Javascript?
| + | |
| − | action=raw&ctype=text/javascript"></script>
| + | |
| | | | |
| | + | </section> |
| | + | <script type="text/javascript" src="https://2017.igem.org/Template:UiOslo_Norway/Javascript?action=raw&ctype=text/js"></script> |
| | + | |
| | </body> | | </body> |
| | </html> | | </html> |
