|
|
| Line 1: |
Line 1: |
| | {{Edinburgh_UG}} | | {{Edinburgh_UG}} |
| − |
| |
| − | <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'>
| |
| − |
| |
| − | <style type="text/css">
| |
| − | body{font-family:Lora,'Helvetica Neue',Helvetica,Arial,sans-serif;position:relative;width:100%;height:100%;color:#fff;background-color:#000}html{width:100%;height:100%}h1,h2,h3,h4,h5,h6{font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:700;margin:0 0 35px;letter-spacing:1px;text-transform:uppercase}p{font-size:16px;line-height:1.5;margin:0 0 25px}@media (min-width:768px){p{font-size:18px;line-height:1.6;margin:0 0 35px}}a{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:#42dca3}a:focus,a:hover{text-decoration:none;color:#1d9b6c}#mainNav{font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;margin-bottom:0;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.3);background-color:#000}#mainNav .navbar-toggler{font-size:14px;padding:11px;color:#fff;border:1px solid #fff}#mainNav .navbar-brand{font-weight:700}#mainNav a{color:#fff}#mainNav .navbar-nav .nav-item{-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out}#mainNav .navbar-nav .nav-item:hover{color:fade(white,80%);outline:0;background-color:transparent}#mainNav .navbar-nav .nav-item:active,#mainNav .navbar-nav .nav-item:focus{outline:0;background-color:transparent}@media (min-width:992px){#mainNav{padding-top:20px;padding-bottom:20px;-webkit-transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;-moz-transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;letter-spacing:1px;border-bottom:none;background:0 0}#mainNav.navbar-shrink{padding-top:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.3);background:#000}#mainNav .nav-link.active{outline:0;background-color:rgba(255,255,255,.3)}#mainNav .nav-link.active:hover{color:#fff}}.masthead{display:table;width:100%;height:auto;padding:200px 0;text-align:center;color:#fff;background:url(../img/intro-bg.jpg) no-repeat bottom center scroll;background-color:#000;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.masthead .intro-body{display:table-cell;vertical-align:middle}.masthead .intro-body .brand-heading{font-size:50px}.masthead .intro-body .intro-text{font-size:18px}@media (min-width:768px){.masthead{height:100%;padding:0}.masthead .intro-body .brand-heading{font-size:100px}.masthead .intro-body .intro-text{font-size:22px}}.btn-circle{font-size:26px;width:55px;height:55px;margin-top:15px;line-height:45px;-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out;color:#fff;border:2px solid #fff;border-radius:100%!important;background:0 0}.btn-circle:focus,.btn-circle:hover{color:#fff;outline:0;background:rgba(255,255,255,.1)}.content-section{padding-top:150px;padding-bottom:150px}.download-section{color:#fff;background:url(../img/downloads-bg.jpg) no-repeat center center scroll;background-color:#000;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}#map{width:100%;height:300px}@media (min-width:992px){.content-section{padding-top:200px;padding-bottom:200px}#map{height:350px}}.btn{font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-transform:uppercase;border-radius:0}.btn-default{color:#42dca3;border:1px solid #42dca3;background-color:transparent}.btn-default:focus,.btn-default:hover{color:#000;border:1px solid #42dca3;outline:0;background-color:#42dca3}ul.banner-social-buttons{margin-top:0}@media (max-width:1199px){ul.banner-social-buttons{margin-top:15px}}@media (max-width:767px){ul.banner-social-buttons li{display:block;margin-bottom:20px;padding:0}ul.banner-social-buttons li:last-child{margin-bottom:0}}footer{padding:50px 0}footer p{font-size:14px;margin:0}::-moz-selection{background:#fcfcfc;background:rgba(255,255,255,.2);text-shadow:none}::selection{background:#fcfcfc;background:rgba(255,255,255,.2);text-shadow:none}img::selection{background:0 0}img::-moz-selection{background:0 0}
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − | </head>
| |
| − |
| |
| − | <body id="page-top">
| |
| − |
| |
| − | <!-- 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 © 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>
| |
| − | !function(e){"use strict";e('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function(){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var t=e(this.hash);if((t=t.length?t:e("[name="+this.hash.slice(1)+"]")).length)return e("html, body").animate({scrollTop:t.offset().top-48},1e3,"easeInOutExpo"),!1}}),e(".js-scroll-trigger").click(function(){e(".navbar-collapse").collapse("hide")}),e("body").scrollspy({target:"#mainNav",offset:54});var t=function(){e("#mainNav").offset().top>100?e("#mainNav").addClass("navbar-shrink"):e("#mainNav").removeClass("navbar-shrink")};t(),e(window).scroll(t)}(jQuery);var map=null;function init(){var e={zoom:15,center:new google.maps.LatLng(40.67,-73.94),disableDefaultUI:!0,scrollwheel:!1,draggable:!1,styles:[{featureType:"water",elementType:"geometry",stylers:[{color:"#000000"},{lightness:17}]},{featureType:"landscape",elementType:"geometry",stylers:[{color:"#000000"},{lightness:20}]},{featureType:"road.highway",elementType:"geometry.fill",stylers:[{color:"#000000"},{lightness:17}]},{featureType:"road.highway",elementType:"geometry.stroke",stylers:[{color:"#000000"},{lightness:29},{weight:.2}]},{featureType:"road.arterial",elementType:"geometry",stylers:[{color:"#000000"},{lightness:18}]},{featureType:"road.local",elementType:"geometry",stylers:[{color:"#000000"},{lightness:16}]},{featureType:"poi",elementType:"geometry",stylers:[{color:"#000000"},{lightness:21}]},{elementType:"labels.text.stroke",stylers:[{visibility:"on"},{color:"#000000"},{lightness:16}]},{elementType:"labels.text.fill",stylers:[{saturation:36},{color:"#000000"},{lightness:40}]},{elementType:"labels.icon",stylers:[{visibility:"off"}]},{featureType:"transit",elementType:"geometry",stylers:[{color:"#000000"},{lightness:19}]},{featureType:"administrative",elementType:"geometry.fill",stylers:[{color:"#000000"},{lightness:20}]},{featureType:"administrative",elementType:"geometry.stroke",stylers:[{color:"#000000"},{lightness:17},{weight:1.2}]}]},t=document.getElementById("map");map=new google.maps.Map(t,e);var l=new google.maps.LatLng(40.67,-73.94);new google.maps.Marker({position:l,map:map,icon:"img/map-marker.svg"})}google.maps.event.addDomListener(window,"load",init),google.maps.event.addDomListener(window,"resize",function(){map.setCenter(new google.maps.LatLng(40.67,-73.94))});
| |
| − |
| |
| − | </script>
| |
| − |
| |
| − | </body>
| |
| − |
| |
| − | </html>
| |
