Team:Newcastle/test
Newcastle!
<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>Stylish Portfolio - Start Bootstrap Theme</title>
<link href="css/bootstrapcss?action=raw&ctype=text/css" rel="stylesheet">
<link href="css/stylecss?action=raw&ctype=text/css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
</head>
<body>
<a id="menu-toggle" href="#" class="btn btn-dark btn-lg toggle"></a> <nav id="sidebar-wrapper">
</nav>
<header id="top" class="header">
Start Bootstrap
Free Bootstrap Themes & Templates
<a href="#about" class="btn btn-dark btn-lg">Find Out More</a>
</header>
<section id="about" class="about">
Stylish Portfolio is the perfect theme for your next project!
This theme features some wonderful photography courtesy of <a target="_blank" href="http://join.deathtothestockphoto.com/">Death to the Stock Photo</a>.
</section>
<section id="services" class="services bg-primary">
Our Services
Service Name
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
<a href="#" class="btn btn-light">Learn More</a>
Service Name
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
<a href="#" class="btn btn-light">Learn More</a>
Service Name
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
<a href="#" class="btn btn-light">Learn More</a>
Service Name
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
<a href="#" class="btn btn-light">Learn More</a>
</section>
<aside class="callout">
Vertically Centered Text
</aside>
<section id="portfolio" class="portfolio">
Our Work
<a href="#">
<img class="img-portfolio img-responsive" src="img/portfolio-1.jpg">
</a>
<a href="#">
<img class="img-portfolio img-responsive" src="img/portfolio-2.jpg">
</a>
<a href="#">
<img class="img-portfolio img-responsive" src="img/portfolio-3.jpg">
</a>
<a href="#">
<img class="img-portfolio img-responsive" src="img/portfolio-4.jpg">
</a>
<a href="#" class="btn btn-dark">View More Items</a>
</section>
<aside class="call-to-action bg-primary">
The buttons below are impossible to resist.
<a href="#" class="btn btn-lg btn-light">Click Me!</a>
<a href="#" class="btn btn-lg btn-dark">Look at Me!</a>
</aside>
<section id="contact" class="map">
<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&aq=0&oq=twitter&sll=28.659344,-81.187888&sspn=0.128789,0.264187&ie=UTF8&hq=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&t=m&z=15&iwloc=A&output=embed"></iframe>
<a href="https://maps.google.com/maps?f=q&source=embed&hl=en&geocode=&q=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&aq=0&oq=twitter&sll=28.659344,-81.187888&sspn=0.128789,0.264187&ie=UTF8&hq=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&t=m&z=15&iwloc=A"></a>
</section>
<footer>
Start Bootstrap
3481 Melrose Place
Beverly Hills, CA 90210
- (123) 456-7890
- <a href="mailto:name@example.com">name@example.com</a>
- <a href="#"></a>
- <a href="#"></a>
- <a href="#"></a>
Copyright © Your Website 2014
<a id="to-top" href="#top" class="btn btn-dark btn-lg"></a> </footer>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
// Closes the sidebar menu
$("#menu-close").click(function(e) {
e.preventDefault();
$("#sidebar-wrapper").toggleClass("active");
});
// Opens the sidebar menu
$("#menu-toggle").click(function(e) {
e.preventDefault();
$("#sidebar-wrapper").toggleClass("active");
});
// Scrolls to the selected menu item on the page
$(function() {
$('a[href*=#]:not([href=#],[data-toggle],[data-target],[data-slide])').click(function() {
if (location.pathname.replace(/^\//, ) == this.pathname.replace(/^\//, ) || location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
//#to-top button appears after scrolling
var fixed = false;
$(document).scroll(function() {
if ($(this).scrollTop() > 250) {
if (!fixed) {
fixed = true;
// $('#to-top').css({position:'fixed', display:'block'});
$('#to-top').show("slow", function() {
$('#to-top').css({
position: 'fixed',
display: 'block'
});
});
}
} else {
if (fixed) {
fixed = false;
$('#to-top').hide("slow", function() {
$('#to-top').css({
display: 'none'
});
});
}
}
});
// Disable Google Maps scrolling
// See http://stackoverflow.com/a/25904582/1607849
// Disable scroll zooming and bind back the click event
var onMapMouseleaveHandler = function(event) {
var that = $(this);
that.on('click', onMapClickHandler);
that.off('mouseleave', onMapMouseleaveHandler);
that.find('iframe').css("pointer-events", "none");
}
var onMapClickHandler = function(event) {
var that = $(this);
// Disable the click handler until the user leaves the map area
that.off('click', onMapClickHandler);
// Enable scrolling zoom
that.find('iframe').css("pointer-events", "auto");
// Handle the mouse leave event
that.on('mouseleave', onMapMouseleaveHandler);
}
// Enable map zooming with mouse scroll when the user clicks the map
$('.map').on('click', onMapClickHandler);
</script>
</body>
</html>
