Difference between revisions of "Team:UiOslo Norway/Notebook"

Line 11: Line 11:
  
 
<body>
 
<body>
−
<section id="shortcodes">
+
<section id="page-breadcrumb">
−
    <div class="container">
+
        <div class="vertical-center sun">
−
        <div id="accordion-container">
+
            <div class="container">
−
                <h2 class="page-header">Notebook</h2>
+
                 <div class="row">
−
                 <div class="panel-group" id="accordion">
+
                     <div class="action">
−
                     <div class="panel panel-default">
+
                         <div class="col-sm-12">
−
                         <div class="panel-heading">
+
                             <h1 class="title">Blog</h1>
−
                             <h4 class="panel-title">
+
                             <p>Timeline</p>
−
                                <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
+
−
                                    February
+
−
                                </a>
+
−
                             </h4>
+
−
                        </div>
+
−
                        <div id="collapseOne" class="panel-collapse collapse in">
+
−
                            <div class="panel-body">
+
−
                                Team building activities
+
−
                            </div>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                    <div class="panel panel-default">
+
                </div>
−
                        <div class="panel-heading">
+
            </div>
−
                            <h4 class="panel-title">
+
        </div>
−
                                <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
+
    </section>
−
                                    March
+
    <!--/#page-breadcrumb-->
−
                                </a>
+
   
−
                            </h4>
+
    <section id="blog" class="padding-bottom">
−
                        </div>
+
        <div class="container">
−
                        <div id="collapseTwo" class="panel-collapse collapse">
+
            <div class="row">
−
                            <div class="panel-body">
+
                <div class="timeline-blog overflow padding-top">
−
                              Team Building and Discussion on project ideas
+
                    <div class="timeline-date text-center">
−
Attended the BioBrick Tutorial 2017 with several other Scandinavian iGEM-teams at the DTU.
+
                        <a href="#" class="btn btn-common uppercase">November 2013</a>
−
                            </div>
+
−
                        </div>
+
 
                     </div>
 
                     </div>
−
                     <div class="panel panel-default">
+
                     <div class="timeline-divider overflow padding-bottom">
−
                         <div class="panel-heading">
+
                         <div class="col-sm-6 padding-right arrow-right wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="300ms">
−
                             <h4 class="panel-title">
+
                             <div class="single-blog timeline">
−
                                 <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
+
                                 <div class="single-blog-wrapper">
−
                                     April
+
                                    <div class="post-thumb">
−
                                 </a>
+
                                        <img src="images/blog/timeline/1.jpg" class="img-responsive" alt="">
−
                            </h4>
+
                                        <div class="post-overlay">
−
                        </div>
+
                                          <span class="uppercase"><a href="#">14 <br><small>Feb</small></a></span>
−
                        <div id="collapseThree" class="panel-collapse collapse">
+
                                      </div>
−
                            <div class="panel-body">
+
                                     </div>
−
                                 Discussion with SMEs from Physics and Molecular Biology for background information on feasibility of Bilogical Lasers
+
                                 </div>
 +
                                <div class="post-content overflow">
 +
                                    <h2 class="post-title bold"><a href="blogdetails.html">Advanced business cards design</a></h2>
 +
                                    <h3 class="post-author"><a href="#">Posted by micron News</a></h3>
 +
                                    <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber [...]</p>
 +
                                    <a href="#" class="read-more">View More</a>
 +
                                    <div class="post-bottom overflow">
 +
                                        <span class="post-date pull-left">February 11, 2014</span>
 +
                                        <span class="comments-number pull-right"><a href="#">3 comments</a></span>
 +
                                    </div>
 +
                                 </div>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                    </div>
+
                        <div class="col-sm-6 padding-left padding-top arrow-left wow fadeInRight" data-wow-duration="1000ms" data-wow-delay="300ms">
−
<div class="panel panel-default">
+
                            <div class="single-blog timeline">
−
                        <div class="panel-heading">
+
                                <div class="single-blog-wrapper">
−
                            <h4 class="panel-title">
+
                                    <div class="post-thumb">
−
                                <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
+
                                        <img src="images/blog/timeline/2.jpg" class="img-responsive" alt="">
−
                                     May
+
                                        <div class="post-overlay">
−
                                 </a>
+
                                          <span class="uppercase"><a href="#">14 <br><small>Feb</small></a></span>
−
                            </h4>
+
                                      </div>
−
                        </div>
+
                                     </div>
−
                        <div id="collapseThree" class="panel-collapse collapse">
+
                                 </div>
−
                            <div class="panel-body">
+
                                <div class="post-content overflow">
−
                                <p>Laboratory work: expressing and purifying his-tagged GFP.</p>
+
                                    <h2 class="post-title bold"><a href="blogdetails.html#">Advanced business cards design</a></h2>
−
                    <p>Eirik: Participated in laboratory work on the 15th and the 22nd of May.</p>
+
                                    <h3 class="post-author"><a href="#">Posted by micron News</a></h3>
 +
                                    <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber [...]</p>
 +
                                    <a href="#" class="read-more">View More</a>
 +
                                    <div class="post-bottom overflow">
 +
                                        <span class="post-date pull-left">February 11, 2014</span>
 +
                                        <span class="comments-number pull-right"><a href="#">3 comments</a></span>
 +
                                    </div>
 +
                                </div>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                    </div>
+
                        <div class="col-sm-6 padding-right arrow-right wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="300ms">
−
<div class="panel panel-default">
+
                            <div class="single-blog timeline">
−
                        <div class="panel-heading">
+
                                <div class="single-blog-wrapper">
−
                            <h4 class="panel-title">
+
                                    <div class="post-thumb">
−
                                <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
+
                                        <iframe src="https://player.vimeo.com/video/95995577"></iframe>
−
                                     June
+
                                    </div>
−
                                </a>
+
                                </div>
−
                            </h4>
+
                                <div class="post-content overflow">
−
                        </div>
+
                                    <h2 class="post-title bold"><a href="blogdetails.html">Advanced business cards design</a></h2>
−
                        <div id="collapseThree" class="panel-collapse collapse">
+
                                     <h3 class="post-author"><a href="#">Posted by micron News</a></h3>
−
                            <div class="panel-body">
+
                                    <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber [...]</p>
−
                                  
+
                                    <a href="#" class="read-more">View More</a>
 +
                                    <div class="post-bottom overflow">
 +
                                        <span class="post-date pull-left">February 11, 2014</span>
 +
                                        <span class="comments-number pull-right"><a href="#">3 comments</a></span>
 +
                                    </div>
 +
                                 </div>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
<div class="panel panel-default">
+
                </div>
−
                        <div class="panel-heading">
+
                <div class="timeline-blog overflow">
−
                            <h4 class="panel-title">
+
                    <div class="timeline-date text-center">
−
                                <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
+
                        <a href="" class="btn btn-common uppercase">Setember 2013</a>
−
                                    July
+
−
                                </a>
+
−
                            </h4>
+
−
                        </div>
+
−
                        <div id="collapseThree" class="panel-collapse collapse">
+
−
                            <div class="panel-body">
+
−
                               
+
−
                            </div>
+
−
                        </div>
+
 
                     </div>
 
                     </div>
−
<div class="panel panel-default">
+
                    <div class="timeline-divider overflow padding-bottom">
−
                         <div class="panel-heading">
+
                         <div class="col-sm-6 padding-right arrow-right wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="300ms">
−
                             <h4 class="panel-title">
+
                             <div class="single-blog timeline">
−
                                 <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
+
                                 <div class="single-blog-wrapper">
−
                                     August
+
                                    <div class="post-thumb">
−
                                 </a>
+
                                        <img src="images/blog/timeline/3.jpg" class="img-responsive" alt="">
−
                            </h4>
+
                                        <div class="post-overlay">
−
                        </div>
+
                                          <span class="uppercase"><a href="#">14 <br><small>Feb</small></a></span>
−
                        <div id="collapseThree" class="panel-collapse collapse">
+
                                      </div>
−
                            <div class="panel-body">
+
                                     </div>
−
                                  
+
                                 </div>
 +
                                <div class="post-content overflow">
 +
                                    <h2 class="post-title bold"><a href="blogdetails.html">Advanced business cards design</a></h2>
 +
                                    <h3 class="post-author"><a href="#">Posted by micron News</a></h3>
 +
                                    <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber [...]</p>
 +
                                    <a href="#" class="read-more">View More</a>
 +
                                    <div class="post-bottom overflow">
 +
                                        <span class="post-date pull-left">February 11, 2014</span>
 +
                                        <span class="comments-number pull-right"><a href="#">3 comments</a></span>
 +
                                    </div>
 +
                                 </div>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                    </div>
+
                        <div class="col-sm-6 padding-left padding-top arrow-left wow fadeInRight" data-wow-duration="1000ms" data-wow-delay="300ms">
−
<div class="panel panel-default">
+
                            <div class="single-blog timeline">
−
                        <div class="panel-heading">
+
                                <div class="single-blog-wrapper">
−
                            <h4 class="panel-title">
+
                                    <div class="post-thumb">
−
                                <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
+
                                        <img src="images/blog/timeline/4.jpg" class="img-responsive" alt="">
−
                                     September
+
                                        <div class="post-overlay">
−
                                 </a>
+
                                          <span class="uppercase"><a href="#">14 <br><small>Feb</small></a></span>
−
                            </h4>
+
                                      </div>
−
                        </div>
+
                                     </div>
−
                        <div id="collapseThree" class="panel-collapse collapse">
+
                                 </div>
−
                            <div class="panel-body">
+
                                <div class="post-content overflow">
−
                             
+
                                    <h2 class="post-title bold"><a href="blogdetails.html">Advanced business cards design</a></h2>
 +
                                    <h3 class="post-author"><a href="#">Posted by micron News</a></h3>
 +
                                    <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber [...]</p>
 +
                                    <a href="#" class="read-more">View More</a>
 +
                                    <div class="post-bottom overflow">
 +
                                        <span class="post-date pull-left">February 11, 2014</span>
 +
                                        <span class="comments-number pull-right"><a href="#">3 comments</a></span>
 +
                                    </div>
 +
                                </div>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
<div class="panel panel-default">
+
                    <div class="timeline-date text-center">
−
                         <div class="panel-heading">
+
                         <a href="#" class="btn btn-common">See More</a>
−
                            <h4 class="panel-title">
+
−
                                <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
+
−
                                    October
+
−
                                </a>
+
−
                            </h4>
+
−
                        </div>
+
−
                        <div id="collapseThree" class="panel-collapse collapse">
+
−
                            <div class="panel-body">
+
−
                               
+
−
                            </div>
+
−
                        </div>
+
 
                     </div>
 
                     </div>
−
+
                 </div>
−
                 </div><!--/#accordion-->
+
             </div>
−
             </div><!--/#accordion-container-->
+
        </div>
−
</div>
+
    </section>
−
 
+
−
</section>
+
−
+
 
    
 
    
 
</body>
 
</body>

Revision as of 00:21, 29 July 2017


Blog

Timeline

November 2013
14
Feb

Advanced business cards design

Posted by micron News

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber [...]

View More
February 11, 2014 3 comments
14
Feb

Advanced business cards design

Posted by micron News

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber [...]

View More
February 11, 2014 3 comments

Advanced business cards design

Posted by micron News

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber [...]

View More
February 11, 2014 3 comments
Setember 2013
14
Feb

Advanced business cards design

Posted by micron News

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber [...]

View More
February 11, 2014 3 comments
14
Feb

Advanced business cards design

Posted by micron News

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber [...]

View More
February 11, 2014 3 comments
See More