More css tweaks, including background color and top bar

This commit is contained in:
Ethan N. Paul 2018-01-29 12:22:54 -05:00
parent 5e3961cfcb
commit eaf5ecc3a7
2 changed files with 14 additions and 11 deletions

View File

@ -47,7 +47,7 @@ Responsive media queries
transition: all 0.3s; transition: all 0.3s;
} }
.navbar-brand { .navbar-brand {
font-size: 36px; font-size: 25px;
} }
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { .navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #fff; color: #fff;
@ -70,7 +70,9 @@ Responsive media queries
.top-nav-collapse { .top-nav-collapse {
padding: 0; padding: 0;
background: rgba(50,60,70, 0.9); border-bottom-style: solid;
border-bottom-color: #606060;
background: rgba(0,0,0, 1);
} }
.bg-color{ .bg-color{
@ -111,9 +113,8 @@ Responsive media queries
border-radius: 50%; border-radius: 50%;
} }
#about{ #about{
background: url('../img/about-banner.jpg') no-repeat;
background-size: cover; /* margin-bottom: -3px;*/
margin-bottom: -3px;
} }
.section-padding{ .section-padding{
padding: 60px 0px; padding: 60px 0px;
@ -135,8 +136,9 @@ Responsive media queries
font-size: 18px; font-size: 18px;
font-weight: 400; font-weight: 400;
} }
#portfolio{ section {
background-color: #f0f1e9; background-color: #606060;
color: white;
} }
.grid-padding{ .grid-padding{
padding: 0 8px; padding: 0 8px;

View File

@ -10,14 +10,14 @@
<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="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 name="robots" content="index,follow"/>
<meta property="og:title" content="ENPaul"/> <meta property="og:title" content="E.N. Paul"/>
<meta property='og:locale' content="en_US"/> <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:description' content="E N Paul personal landing page and Network Services website"/>
<meta property="og:type" content="Website"/> <meta property="og:type" content="Website"/>
<meta property='og:site_name' content="EN. Paul"/> <meta property='og:site_name' content="E.N. Paul"/>
<meta property="og:url" content="https://enpaul.net/"/> <meta property="og:url" content="https://enpaul.net/"/>
<title>EN. Paul</title> <title>E.N. Paul</title>
<link rel="shortcut icon" href="img\e-b.png"> <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="https://fonts.googleapis.com/css?family=Fira+Sans|Roboto:300,400|Questrial|Satisfy">
@ -45,7 +45,7 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</button> </button>
<a class="navbar-brand" href="#"><p><img src="img/e-w.png" style="max-width: 3rem;">&nbsp;EN. Paul</p></a> <a class="navbar-brand" href="#"><p><img src="img/e-w.png" style="max-width: 3rem;">&nbsp;E.N. Paul</p></a>
</div> </div>
<div class="collapse navbar-collapse" id="lauraMenu"> <div class="collapse navbar-collapse" id="lauraMenu">
<ul class="nav navbar-nav navbar-right navbar-border"> <ul class="nav navbar-nav navbar-right navbar-border">
@ -74,6 +74,7 @@
</div> </div>
</div> </div>
</div> </div>
<section id="about" class="section-padding wow fadeIn delay-05s"> <section id="about" class="section-padding wow fadeIn delay-05s">
<div class="container"> <div class="container">
<div class="row"> <div class="row">