Difference between revisions of "Team:Edinburgh OG/Notebook"

(Prototype team page)
 
Line 1: Line 1:
−
{{Edinburgh_OG}}
+
<!-- {{Edinburgh_OG}} -->
 
<html>
 
<html>
 +
<!-- _______________________________________________________________________________ -->
 +
<head>
 +
  <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <meta name="description" content="">
 +
    <meta name="author" content="">
  
 +
    <title>Agency - Start Bootstrap Theme</title>
 +
 +
    <!-- Bootstrap Core CSS -->
 +
    <link href="https://2016.igem.org/Template:Edinburgh_OG/Bootstrap?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
 +
    <!-- Custom Fonts -->
 +
    <link href="https://2016.igem.org/Template:Edinburgh_OG/header2/font_awesome?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css">
 +
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
 +
    <link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
 +
    <link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
 +
    <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>
 +
 +
    <!-- Theme CSS -->
 +
    <link href="https://2016.igem.org/Template:Edinburgh_OG/header2/agency_min?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
 +
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 +
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 +
    <!--[if lt IE 9]>
 +
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
 +
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 +
    <![endif]-->
 +
  </head>
 +
  <body id="page-top" class="index">
 +
    <!-- About Section -->
 +
    <section id="about">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-lg-12 text-center">
 +
                    <h2 class="section-heading">About</h2>
 +
                    <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
 +
                </div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col-lg-12">
 +
                    <ul class="timeline">
 +
                        <li>
 +
                            <div class="timeline-image">
 +
                                <img class="img-circle img-responsive" src="startbootstrap-agency/img/about/1.jpg" alt="">
 +
                            </div>
 +
                            <div class="timeline-panel">
 +
                                <div class="timeline-heading">
 +
                                    <h4>2009-2011</h4>
 +
                                    <h4 class="subheading">Our Humble Beginnings</h4>
 +
                                </div>
 +
                                <div class="timeline-body">
 +
                                    <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
 +
                                </div>
 +
                            </div>
 +
                        </li>
 +
                        <li class="timeline-inverted">
 +
                            <div class="timeline-image">
 +
                                <img class="img-circle img-responsive" src="img/about/2.jpg" alt="">
 +
                            </div>
 +
                            <div class="timeline-panel">
 +
                                <div class="timeline-heading">
 +
                                    <h4>March 2011</h4>
 +
                                    <h4 class="subheading">An Agency is Born</h4>
 +
                                </div>
 +
                                <div class="timeline-body">
 +
                                    <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
 +
                                </div>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <div class="timeline-image">
 +
                                <img class="img-circle img-responsive" src="img/about/3.jpg" alt="">
 +
                            </div>
 +
                            <div class="timeline-panel">
 +
                                <div class="timeline-heading">
 +
                                    <h4>December 2012</h4>
 +
                                    <h4 class="subheading">Transition to Full Service</h4>
 +
                                </div>
 +
                                <div class="timeline-body">
 +
                                    <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
 +
                                </div>
 +
                            </div>
 +
                        </li>
 +
                        <li class="timeline-inverted">
 +
                            <div class="timeline-image">
 +
                                <img class="img-circle img-responsive" src="img/about/4.jpg" alt="">
 +
                            </div>
 +
                            <div class="timeline-panel">
 +
                                <div class="timeline-heading">
 +
                                    <h4>July 2014</h4>
 +
                                    <h4 class="subheading">Phase Two Expansion</h4>
 +
                                </div>
 +
                                <div class="timeline-body">
 +
                                    <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
 +
                                </div>
 +
                            </div>
 +
                        </li>
 +
                        <li class="timeline-inverted">
 +
                            <div class="timeline-image">
 +
                                <h4>Be Part
 +
                                    <br>Of Our
 +
                                    <br>Story!</h4>
 +
                            </div>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
<!-- _______________________________________________________________________________ -->
  
 
<div class="column full_size">
 
<div class="column full_size">

Revision as of 15:57, 15 October 2016

Agency - Start Bootstrap Theme

About

Lorem ipsum dolor sit amet consectetur.

  • 2009-2011

    Our Humble Beginnings

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!

  • March 2011

    An Agency is Born

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!

  • December 2012

    Transition to Full Service

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!

  • July 2014

    Phase Two Expansion

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!

  • Be Part
    Of Our
    Story!

Document the dates you worked on your project.

What should this page have?
  • Chronological notes of what your team is doing.
  • Brief descriptions of daily important events.
  • Pictures of your progress.
  • Mention who participated in what task.
Inspiration

You can see what others teams have done to organize their notes: