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

Initial rewrites of starter theme

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

24
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;
@ -82,7 +74,7 @@ Responsive media queries
}
.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;

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

51
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">