Difference between revisions of "Team:Edinburgh UG"

(Replaced content with "{{Edinburgh_UG}}")
Line 1: Line 1:
 
{{Edinburgh_UG}}
 
{{Edinburgh_UG}}
 
<!DOCTYPE html>
 
<html lang="en">
 
 
  <head>
 
 
    <meta charset="utf-8">
 
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
    <meta name="description" content="">
 
    <meta name="author" content="">
 
 
    <title>Grayscale - Start Bootstrap Theme</title>
 
 
    <!-- Bootstrap core CSS -->
 
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 
 
    <!-- Custom fonts for this template -->
 
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
 
    <link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
 
    <link href='https://fonts.googleapis.com/css?family=Cabin:700' rel='stylesheet' type='text/css'>
 
 
    <!-- Custom styles for this template -->
 
    <link href="css/grayscale.min.css" rel="stylesheet">
 
 
  </head>
 
 
  <body id="page-top">
 
 
    <!-- Navigation -->
 
    <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
 
      <div class="container">
 
        <a class="navbar-brand js-scroll-trigger" href="#page-top">Start Bootstrap</a>
 
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
 
          Menu
 
          <i class="fa fa-bars"></i>
 
        </button>
 
        <div class="collapse navbar-collapse" id="navbarResponsive">
 
          <ul class="navbar-nav ml-auto">
 
            <li class="nav-item">
 
              <a class="nav-link js-scroll-trigger" href="#about">About</a>
 
            </li>
 
            <li class="nav-item">
 
              <a class="nav-link js-scroll-trigger" href="#download">Download</a>
 
            </li>
 
            <li class="nav-item">
 
              <a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
 
            </li>
 
          </ul>
 
        </div>
 
      </div>
 
    </nav>
 
 
    <!-- Intro Header -->
 
    <header class="masthead">
 
      <div class="intro-body">
 
        <div class="container">
 
          <div class="row">
 
            <div class="col-lg-8 mx-auto">
 
              <h1 class="brand-heading">Grayscale</h1>
 
              <p class="intro-text">A free, responsive, one page Bootstrap theme.
 
                <br>Created by Start Bootstrap.</p>
 
              <a href="#about" class="btn btn-circle js-scroll-trigger">
 
                <i class="fa fa-angle-double-down animated"></i>
 
              </a>
 
            </div>
 
          </div>
 
        </div>
 
      </div>
 
    </header>
 
 
    <!-- About Section -->
 
    <section id="about" class="content-section text-center">
 
      <div class="container">
 
        <div class="row">
 
          <div class="col-lg-8 mx-auto">
 
            <h2>About Grayscale</h2>
 
            <p>Grayscale is a free Bootstrap theme created by Start Bootstrap. It can be yours right now, simply download the template on
 
              <a href="http://startbootstrap.com/template-overviews/grayscale/">the preview page</a>. The theme is open source, and you can use it for any purpose, personal or commercial.</p>
 
            <p>This theme features stock photos by
 
              <a href="http://gratisography.com/">Gratisography</a>
 
              along with a custom Google Maps skin courtesy of
 
              <a href="http://snazzymaps.com/">Snazzy Maps</a>.</p>
 
            <p>Grayscale includes full HTML, CSS, and custom JavaScript files along with SASS and LESS files for easy customization!</p>
 
          </div>
 
        </div>
 
      </div>
 
    </section>
 
 
    <!-- Download Section -->
 
    <section id="download" class="download-section content-section text-center">
 
      <div class="container">
 
        <div class="col-lg-8 mx-auto">
 
          <h2>Download Grayscale</h2>
 
          <p>You can download Grayscale for free on the preview page at Start Bootstrap.</p>
 
          <a href="http://startbootstrap.com/template-overviews/grayscale/" class="btn btn-default btn-lg">Visit Download Page</a>
 
        </div>
 
      </div>
 
    </section>
 
 
    <!-- Contact Section -->
 
    <section id="contact" class="content-section text-center">
 
      <div class="container">
 
        <div class="row">
 
          <div class="col-lg-8 mx-auto">
 
            <h2>Contact Start Bootstrap</h2>
 
            <p>Feel free to leave us a comment on the
 
              <a href="http://startbootstrap.com/template-overviews/grayscale/">Grayscale template overview page</a>
 
              on Start Bootstrap to give some feedback about this theme!</p>
 
            <ul class="list-inline banner-social-buttons">
 
              <li class="list-inline-item">
 
                <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 class="list-inline-item">
 
                <a href="https://github.com/BlackrockDigital/startbootstrap" class="btn btn-default btn-lg">
 
                  <i class="fa fa-github fa-fw"></i>
 
                  <span class="network-name">Github</span>
 
                </a>
 
              </li>
 
              <li class="list-inline-item">
 
                <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>
 
      </div>
 
    </section>
 
 
    <!-- Map Section -->
 
    <div id="map"></div>
 
 
    <!-- Footer -->
 
    <footer>
 
      <div class="container text-center">
 
        <p>Copyright &copy; Your Website 2018</p>
 
      </div>
 
    </footer>
 
 
    <!-- Bootstrap core JavaScript -->
 
    <script src="vendor/jquery/jquery.min.js"></script>
 
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
 
 
    <!-- Plugin JavaScript -->
 
    <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
 
 
    <!-- Google Maps API Key - Use your own API key to enable the map feature. More information on the Google Maps API can be found at https://developers.google.com/maps/ -->
 
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRngKslUGJTlibkQ3FkfTxj3Xss1UlZDA&sensor=false"></script>
 
 
    <!-- Custom scripts for this template -->
 
    <script src="js/grayscale.min.js"></script>
 
 
  </body>
 
 
</html>
 

Revision as of 10:19, 11 June 2018