enpaul/enpaul.net
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Initial rewrites of starter theme

Browse Source
This commit is contained in:
Ethan N. Paul 2018-01-29 12:10:41 -05:00
parent 9db295238f
commit 5e3961cfcb
7 changed files with 42 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
css/style.css
View File

@ -1,10 +1,3 @@
/*
Theme Name: Laura
Theme URL: https://bootstrapmade.com/laura-free-creative-bootstrap-theme/
Author: BootstrapMade.com
Author URL: https://bootstrapmade.com
*/
body {
line-height: 1.4;
font-family: 'Roboto', sans-serif;
@ -42,7 +35,7 @@ Responsive media queries
************************************
***********************************/
.header {
background: url('../img/bg-banner03.jpg') no-repeat fixed;
background: url('../img/network.jpg') no-repeat fixed;
background-size: cover;
min-height: 630px;
position: relative;
@ -55,7 +48,6 @@ Responsive media queries
}
.navbar-brand {
font-size: 36px;
font-family: 'Satisfy', cursive;
}
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #fff;
@ -77,12 +69,12 @@ Responsive media queries
}
.top-nav-collapse {
padding: 0;
padding: 0;
background: rgba(50,60,70, 0.9);
}
.bg-color{
background-color: RGBA(0, 0, 0, 0.67);
background-color: RGBA(0, 0, 0, 0.2);
min-height: 650px;
}
.navbar-border{
@ -94,12 +86,14 @@ Responsive media queries
margin-top: 170px;
}
.banner-text h2, .banner-text p{
font-size: 40px;
font-weight: 400;
font-family: 'Questrial', sans-serif;
}
.banner-text h2 span{
font-family: 'Satisfy', cursive;
.banner-text h2 {
font-size: 50px;
}
.banner-text p {
font-size: 30px;
}
.overlay-detail{
margin: 0 auto;
@ -116,10 +110,6 @@ Responsive media queries
line-height: 40px;
border-radius: 50%;
}
.deco{
font-family: 'Satisfy', cursive;
}
#about{
background: url('../img/about-banner.jpg') no-repeat;
background-size: cover;
@ -297,7 +287,7 @@ footer {
margin-right: 15px;
}
.type-underline, .type-underline:hover{
color: #767676;
color: #767676;
}
.footer__lower {
margin-top: 3.25em;
@ -331,7 +321,7 @@ Responsive media queries
}
}
@media (min-width: 100px) and (max-width: 550px) {
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
@ -357,4 +347,4 @@ Responsive media queries
.title-text{
margin-bottom: 15px;
}
}
}

BIN
img/bg-banner03.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 110 KiB

BIN
img/e-b.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
img/e-longform.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
img/e-w.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
img/network.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 190 KiB

53
index.html
View File

@ -2,29 +2,40 @@
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Laura Bootstrap Theme</title>
<meta name="description" content="Free Bootstrap Theme by BootstrapMade.com">
<meta name="keywords" content="free website templates, free bootstrap themes, free template, free bootstrap, free website template">
<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="author" content="enpaul@enpaul.net"/>
<meta name="description" content="E N Paul personal landing page and Network Services website"/>
<meta name="keywords" content="enpaul, network, operations, networking, plex, media, server, adds, active, directory, wpi, worcester, polytechnic, institute, boston, mechanical, engineering, solidworks, home, lab, homelab, solid, works, autocad, cad, domain, windows, server"/>
<meta name="robots" content="index,follow"/>
<meta property="og:title" content="ENPaul"/>
<meta property='og:locale' content="en_US"/>
<meta property='og:description' content="E N Paul personal landing page and Network Services website"/>
<meta property="og:type" content="Website"/>
<meta property='og:site_name' content="EN. Paul"/>
<meta property="og:url" content="https://enpaul.net/"/>
<title>EN. Paul</title>
<link rel="shortcut icon" href="img\e-b.png">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Fira+Sans|Roboto:300,400|Questrial|Satisfy">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- =======================================================
Theme Name: Laura
Theme URL: https://bootstrapmade.com/laura-free-creative-bootstrap-theme/
Author: BootstrapMade.com
Author URL: https://bootstrapmade.com
======================================================= -->
</head>
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60" onload="myFunction()">
<!--<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60" onload="myFunction()">-->
<body data-spy="scroll" data-target=".navbar" data-offset="60">
<!-- Header section -->
<div class="header">
<div class="bg-color">
<!-- Navigation bar and top-left icon section -->
<header id="main-header">
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
@ -34,30 +45,28 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Laura</a>
<a class="navbar-brand" href="#"><p><img src="img/e-w.png" style="max-width: 3rem;">&nbsp;EN. Paul</p></a>
</div>
<div class="collapse navbar-collapse" id="lauraMenu">
<ul class="nav navbar-nav navbar-right navbar-border">
<li class="active"><a href="#main-header">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#portfolio">Network</a></li>
<li><a href="#testimonial">Testimonial</a></li>
<li><a href="#contact">Contact Us</a></li>
</ul>
</div>
</div>
</nav>
</header>
<!-- Main panel -->
<div class="wrapper">
<div class="container">
<div class="row">
<div class="col-md-12 wow fadeIn delay-05s">
<div class="banner-text">
<h2>Hi, I am <span>Laura</span> Thomson,</h2>
<p>A Creative Photographer <br>& Designer</p>
</div>
<div class="overlay-detail text-center">
<a href="#about"><i class="fa fa-angle-down"></i></a>
<h2>Ethan N. Paul</h2>
<p><i>Student, tinkerer, programmer, aspiring engineer</p>
</div>
</div>
</div>
@ -70,7 +79,7 @@
<div class="row">
<div class="col-md-6 text-right">
<h2 class="title-text">
Meet<br><span class="deco">Laura</span> Thomson
About me...
</h2>
</div>
<div class="col-md-6 text-left">
@ -203,7 +212,7 @@
© Copyright Laura Theme. All Rights Reserved
<div class="credits">
<!--
All the links in the footer should remain intact.
All the links in the footer should remain intact.
You can delete the links only if you purchased the pro version.
Licensing information: https://bootstrapmade.com/license/
Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=Laura