Team:UNIK Copenhagen

From 2014.igem.org

(Difference between revisions)
Line 23: Line 23:
<![endif]-->
<![endif]-->
</head>
</head>
-
<body>
+
<body id="page-top" data-spy="scroll" data-target=".navbar-custom">
-
+
 
-
</body>
+
    <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
-
<nav class="navbar navbar-default" role="navigation">
+
        <div class="container">
-
  <div class="container-fluid">
+
            <div class="navbar-header page-scroll">
-
    <!-- Brand and toggle get grouped for better mobile display -->
+
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
-
    <div class="navbar-header">
+
                    <i class="fa fa-bars"></i>
-
      <p>iGEM Copenhagen 2014</p>
+
                </button>
-
    </div>
+
                <a class="navbar-brand" href="#page-top">
-
  </div><!-- /.container-fluid -->
+
                    <i class="fa fa-play-circle"></i>  <span class="light">Start</span> Bootstrap
-
</nav>
+
                </a>
 +
            </div>
 +
 
 +
            <!-- Collect the nav links, forms, and other content for toggling -->
 +
            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
 +
                <ul class="nav navbar-nav">
 +
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
 +
                    <li class="hidden">
 +
                        <a href="#page-top"></a>
 +
                    </li>
 +
                    <li class="page-scroll">
 +
                        <a href="#about">About</a>
 +
                    </li>
 +
                    <li class="page-scroll">
 +
                        <a href="#download">Download</a>
 +
                    </li>
 +
                    <li class="page-scroll">
 +
                        <a href="#contact">Contact</a>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
            <!-- /.navbar-collapse -->
 +
        </div>
 +
        <!-- /.container -->
 +
    </nav>
 +
 
 +
    <section class="intro">
 +
        <div class="intro-body">
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div class="col-md-8 col-md-offset-2">
 +
                        <h1 class="brand-heading">Grayscale</h1>
 +
                        <p class="intro-text">A free, premium quality, responsive one page Bootstrap theme created by Start Bootstrap.</p>
 +
                        <div class="page-scroll">
 +
                            <a href="#about" class="btn btn-circle">
 +
                                <i class="fa fa-angle-double-down animated"></i>
 +
                            </a>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
 
 +
    <section id="about" class="container content-section text-center">
 +
        <div class="row">
 +
            <div class="col-lg-8 col-lg-offset-2">
 +
                <h2>About Grayscale</h2>
 +
                <p>Grayscale is a premium quality, free Bootstrap 3 theme created by Start Bootstrap. It can be yours right now, all you need to do is download the template on the preview page. You can use this template for any purpose, personal or commercial.</p>
 +
                <p>This striking, black and white theme features stock photographs by <a href="http://gratisography.com/">Gratisography</a> along with a custom Google Map skin courtesy of <a href="http://snazzymaps.com/">Snazzy Maps</a>.</p>
 +
                <p>With this template, just the slightest splash of color can make a huge impact on the overall presentation and design.</p>
 +
            </div>
 +
        </div>
 +
    </section>
 +
 
 +
    <section id="download" class="content-section text-center">
 +
        <div class="download-section">
 +
            <div class="container">
 +
                <div class="col-lg-8 col-lg-offset-2">
 +
                    <h2>Download Grayscale</h2>
 +
                    <p>You can download Grayscale for free on the download page at Start Bootstrap. You can also get the source code directly from GitHub if you prefer. Additionally, Grayscale is the first Start Bootstrap theme to come with a LESS file for easy color customization!</p>
 +
                    <a href="http://startbootstrap.com/grayscale" class="btn btn-default btn-lg">Visit Download Page</a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
 
 +
    <section id="contact" class="container content-section text-center">
 +
        <div class="row">
 +
            <div class="col-lg-8 col-lg-offset-2">
 +
                <h2>Contact Start Bootstrap</h2>
 +
                <p>Feel free to email us to provide some feedback on our templates, give us suggestions for new templates and themes, or to just say hello!</p>
 +
                <p>feedback@startbootstrap.com</p>
 +
                <ul class="list-inline banner-social-buttons">
 +
                    <li><a href="https://twitter.com/SBootstrap" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
 +
                    </li>
 +
                    <li><a href="https://github.com/IronSummitMedia/startbootstrap" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">Github</span></a>
 +
                    </li>
 +
                    <li><a href="https://plus.google.com/+Startbootstrap/posts" class="btn btn-default btn-lg"><i class="fa fa-google-plus fa-fw"></i> <span class="network-name">Google+</span></a>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
        </div>
 +
    </section>
 +
 
 +
    <div id="map"></div>
 +
 
 +
    <!-- Core JavaScript Files -->
 +
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 +
    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
 +
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
 +
 
 +
    <!-- Google Maps API Key - You will need to use your own API key to use the map feature -->
 +
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRngKslUGJTlibkQ3FkfTxj3Xss1UlZDA&sensor=false"></script>
 +
 
 +
    <!-- Custom Theme JavaScript -->
 +
    <script src="js/grayscale.js"></script>
 +
 
 +
</body>
 +
</html>
</html>
{{:Team:UNIK_Copenhagen/blocks/footer.html |}}
{{:Team:UNIK_Copenhagen/blocks/footer.html |}}

Revision as of 12:56, 10 July 2014


iGEM CPH '14 iGEM CPH

Grayscale

A free, premium quality, responsive one page Bootstrap theme created by Start Bootstrap.

About Grayscale

Grayscale is a premium quality, free Bootstrap 3 theme created by Start Bootstrap. It can be yours right now, all you need to do is download the template on the preview page. You can use this template for any purpose, personal or commercial.

This striking, black and white theme features stock photographs by Gratisography along with a custom Google Map skin courtesy of Snazzy Maps.

With this template, just the slightest splash of color can make a huge impact on the overall presentation and design.

Download Grayscale

You can download Grayscale for free on the download page at Start Bootstrap. You can also get the source code directly from GitHub if you prefer. Additionally, Grayscale is the first Start Bootstrap theme to come with a LESS file for easy color customization!

Visit Download Page

Contact Start Bootstrap

Feel free to email us to provide some feedback on our templates, give us suggestions for new templates and themes, or to just say hello!

feedback@startbootstrap.com

TEST

Retrieved from "http://2014.igem.org/Team:UNIK_Copenhagen"