simplify site
This commit is contained in:
@@ -1,145 +1,96 @@
|
||||
<!DOCTYPE HTML>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>Stephen Parkinson</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="stephen parkinson" />
|
||||
<meta name="keywords" content="stephen parkinson" />
|
||||
<meta name="author" content="Stephen Parkinson" />
|
||||
<head>
|
||||
<title>Stephen Parkinson</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<style>
|
||||
body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
|
||||
</style>
|
||||
</head>
|
||||
<body class="w3-light-grey w3-content" style="max-width:1600px">
|
||||
|
||||
<!-- Facebook and Twitter integration -->
|
||||
<meta property="og:title" content=""/>
|
||||
<meta property="og:image" content=""/>
|
||||
<meta property="og:url" content=""/>
|
||||
<meta property="og:site_name" content=""/>
|
||||
<meta property="og:description" content=""/>
|
||||
<meta name="twitter:title" content="" />
|
||||
<meta name="twitter:image" content="" />
|
||||
<meta name="twitter:url" content="" />
|
||||
<meta name="twitter:card" content="" />
|
||||
<!-- Sidebar/menu -->
|
||||
<nav class="w3-sidebar w3-collapse w3-white w3-animate-left" style="z-index:3;width:300px;" id="mySidebar"><br>
|
||||
<div class="w3-container">
|
||||
<a href="#" onclick="w3_close()" class="w3-hide-large w3-right w3-jumbo w3-padding w3-hover-grey" title="close menu">
|
||||
<i class="fa fa-remove"></i>
|
||||
</a>
|
||||
<img src="/images/me.jpg" style="width:45%;" class="w3-round"><br><br>
|
||||
<h4><b>Stephen Parkinson</b></h4>
|
||||
<p class="w3-text-grey">Software Engineer</p>
|
||||
</div>
|
||||
<div class="w3-bar-block">
|
||||
<a href="#about" onclick="w3_close()" class="w3-bar-item w3-button w3-padding"><i class="fa fa-user fa-fw w3-margin-right"></i>ABOUT</a>
|
||||
</div>
|
||||
<div class="w3-panel w3-large">
|
||||
<a href="https://www.linkedin.com/in/stephen-parkinson/">
|
||||
<i class="fa fa-linkedin w3-hover-opacity"></i>
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
|
||||
<!--<link rel="shortcut icon" href="favicon.ico">-->
|
||||
<!-- Overlay effect when opening sidebar on small screens -->
|
||||
<div class="w3-overlay w3-hide-large w3-animate-opacity" onclick="w3_close()" style="cursor:pointer" title="close side menu" id="myOverlay"></div>
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700" rel="stylesheet">
|
||||
|
||||
<!-- Animate.css -->
|
||||
<link rel="stylesheet" href="css/animate.css">
|
||||
<!-- Icomoon Icon Fonts-->
|
||||
<link rel="stylesheet" href="css/icomoon.css">
|
||||
<!-- Bootstrap -->
|
||||
<link rel="stylesheet" href="css/bootstrap.css">
|
||||
<!-- Flexslider -->
|
||||
<link rel="stylesheet" href="css/flexslider.css">
|
||||
<!-- Flaticons -->
|
||||
<!--<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">-->
|
||||
<!-- Owl Carousel -->
|
||||
<link rel="stylesheet" href="css/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="css/owl.theme.default.min.css">
|
||||
<!-- Theme style -->
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<!-- !PAGE CONTENT! -->
|
||||
<div class="w3-main" style="margin-left:300px">
|
||||
|
||||
<!-- Modernizr JS -->
|
||||
<script src="js/modernizr-2.6.2.min.js"></script>
|
||||
<!-- FOR IE9 below -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
<!-- Header -->
|
||||
<header id="portfolio">
|
||||
<a href="#"><img src="/images/me.jpg" style="width:65px;" class="w3-circle w3-right w3-margin w3-hide-large w3-hover-opacity"></a>
|
||||
<span class="w3-button w3-hide-large w3-xxlarge w3-hover-text-grey" onclick="w3_open()"><i class="fa fa-bars"></i></span>
|
||||
<div class="w3-container">
|
||||
<h1><b></b></h1>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="colorlib-page">
|
||||
<div class="container-wrap">
|
||||
<a href="#" class="js-colorlib-nav-toggle colorlib-nav-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"><i></i></a>
|
||||
<aside id="colorlib-aside" role="complementary" class="border js-fullheight">
|
||||
<div class="text-center">
|
||||
<div class="author-img" style="background-image: url(images/about.jpg);"></div>
|
||||
<h1 id="colorlib-logo"><a href="index.html">Stephen Parkinson</a></h1>
|
||||
<span class="position"><a href="#">Software Engineer</a> at Cal Poly</span>
|
||||
</div>
|
||||
<nav id="colorlib-main-menu" role="navigation" class="navbar">
|
||||
<div id="navbar" class="collapse">
|
||||
<ul>
|
||||
<li class="active"><a href="#" data-nav-section="home">Home</a></li>
|
||||
<li><a href="#" data-nav-section="projects">Projects</a></li>
|
||||
<li><a href="#" data-nav-section="resume">Resume</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- About -->
|
||||
<div class="w3-row-padding w3-padding-16" id="about">
|
||||
<div class="w3-col m6">
|
||||
<img src="/images/trees.jpg" alt="A picture I took" style="width:100%">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="colorlib-footer">
|
||||
<p><small>©
|
||||
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
|
||||
Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="icon-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
|
||||
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
|
||||
<ul>
|
||||
<li><a href="https://www.linkedin.com/in/stephen-parkinson/"><i class="icon-linkedin2"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="w3-container w3-padding-large" style="margin-bottom:32px">
|
||||
<h4><b>About Me</b></h4>
|
||||
<p>I'm doing a lot of stuff with computers right now.</p>
|
||||
<hr>
|
||||
</div>
|
||||
|
||||
<!-- Contact Section -->
|
||||
<div class="w3-container w3-padding-large w3-grey">
|
||||
<h4 id="contact"><b>Contact Me</b></h4>
|
||||
<div class="w3-row-padding w3-center w3-padding-24" style="margin:0 -16px">
|
||||
<div class="w3-third w3-dark-grey">
|
||||
<a href="mailto:stephen@smpark.in">
|
||||
<p><i class="fa fa-envelope w3-xxlarge w3-text-light-grey"></i></p>
|
||||
<p>stephen@smpark.in</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w3-black w3-center w3-padding-24">Powered by <a href="https://www.w3schools.com/w3css/default.asp" title="W3.CSS" target="_blank" class="w3-hover-opacity">w3.css</a></div>
|
||||
|
||||
</aside>
|
||||
<!-- End page content -->
|
||||
</div>
|
||||
|
||||
<div id="colorlib-main">
|
||||
<section class="colorlib-about" data-section="home">
|
||||
<div class="colorlib-narrow-content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="row row-bottom-padded-sm animate-box" data-animate-effect="fadeInLeft">
|
||||
<div class="col-md-12">
|
||||
<div class="about-desc">
|
||||
<span class="heading-meta">About Me</span>
|
||||
<p><strong>Hi I'm Stephen</strong></p>
|
||||
<p> I'm doing a lot of stuff with computers right now.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<script>
|
||||
// Script to open and close sidebar
|
||||
function w3_open() {
|
||||
document.getElementById("mySidebar").style.display = "block";
|
||||
document.getElementById("myOverlay").style.display = "block";
|
||||
}
|
||||
|
||||
function w3_close() {
|
||||
document.getElementById("mySidebar").style.display = "none";
|
||||
document.getElementById("myOverlay").style.display = "none";
|
||||
}
|
||||
</script>
|
||||
|
||||
<section class="colorlib-about" data-section="resume">
|
||||
<div class="colorlib-narrow-content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="row row-bottom-padded-sm animate-box" data-animate-effect="fadeInLeft">
|
||||
<div class="col-md-12">
|
||||
<div class="about-desc">
|
||||
<p><a href="StephenParkinsonResume.pdf" class="btn btn-primary btn-learn">PDF of Resume</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div><!-- end:colorlib-main -->
|
||||
</div><!-- end:container-wrap -->
|
||||
</div><!-- end:colorlib-page -->
|
||||
|
||||
<!-- jQuery -->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<!-- jQuery Easing -->
|
||||
<script src="js/jquery.easing.1.3.js"></script>
|
||||
<!-- Bootstrap -->
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<!-- Waypoints -->
|
||||
<script src="js/jquery.waypoints.min.js"></script>
|
||||
<!-- Flexslider -->
|
||||
<script src="js/jquery.flexslider-min.js"></script>
|
||||
<!-- Owl carousel -->
|
||||
<script src="js/owl.carousel.min.js"></script>
|
||||
<!-- Counters -->
|
||||
<script src="js/jquery.countTo.js"></script>
|
||||
|
||||
|
||||
<!-- MAIN JS -->
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user