Initial rewrites of starter theme
This commit is contained in:
Ethan N. Paul
parent
9db295238f
commit
5e3961cfcb
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 110 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 190 KiB |
53
index.html
53
index.html
|
|
@ -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;"> 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
|
||||
|
|
|
|||
Loading…
Reference in New Issue