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

Added hexagon and contact section, started darkening

Browse Source
This commit is contained in:
Ethan N. Paul
2018-02-02 21:00:31 -05:00
parent 8a371f0902
commit 7f497713c9
4 changed files with 63 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
css/hexagons.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

85
css/style.css
View File

@@ -181,9 +181,9 @@ h1, h2, h3, h4, h5, h6 {
# Header
--------------------------------------------------------------*/
#header {
background: #111;
padding: 20px 0;
height: 90px;
background: black;
padding: 5px 0;
height: 60px;
}
#header #logo {
@@ -224,7 +224,7 @@ h1, h2, h3, h4, h5, h6 {
}
.is-sticky #header {
background: rgba(0, 0, 0, 0.85);
background: black;
}
/*--------------------------------------------------------------
@@ -457,7 +457,7 @@ body.mobile-nav-active #mobile-nav-toggle {
--------------------------------*/
.section-title {
font-size: 32px;
color: #111;
color: white;
text-transform: uppercase;
text-align: center;
font-weight: 700;
@@ -479,7 +479,7 @@ body.mobile-nav-active #mobile-nav-toggle {
/* Get Started Section
--------------------------------*/
#about {
background: #fff;
background-color: #111;
padding: 80px 0;
}
@@ -505,12 +505,12 @@ body.mobile-nav-active #mobile-nav-toggle {
margin-bottom: 0;
}
/* Services Section
/* Network Section
--------------------------------*/
#network {
background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("../img/circuit.jpg") fixed center center;
background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("../img/circuit.jpg") fixed center center;
background-size: cover;
padding: 80px 0 60px 0;
padding: 60px 0 40px 0;
}
#network .service-item {
@@ -785,72 +785,9 @@ body.mobile-nav-active #mobile-nav-toggle {
/* Contact Section
--------------------------------*/
#contact {
background: #f7f7f7;
padding: 80px 0;
}
#contact .info {
color: #333333;
}
#contact .info i {
font-size: 32px;
color: #03C4EB;
float: left;
}
#contact .info p {
padding: 0 0 10px 50px;
line-height: 24px;
}
#contact .form #sendmessage {
color: #03C4EB;
border: 1px solid #03C4EB;
display: none;
background: #111;
padding: 20px 0;
text-align: center;
padding: 15px;
font-weight: 600;
margin-bottom: 15px;
}
#contact .form #errormessage {
color: red;
display: none;
border: 1px solid red;
text-align: center;
padding: 15px;
font-weight: 600;
margin-bottom: 15px;
}
#contact .form #sendmessage.show, #contact .form #errormessage.show, #contact .form .show {
display: block;
}
#contact .form .validation {
color: red;
display: none;
margin: 0 0 20px;
font-weight: 400;
font-size: 13px;
}
#contact .form input, #contact .form textarea {
border-radius: 0;
box-shadow: none;
}
#contact .form button[type="submit"] {
background: #03C4EB;
border: 0;
padding: 10px 24px;
color: #fff;
transition: 0.4s;
}
#contact .form button[type="submit"]:hover {
background: #25d8fc;
}
/*--------------------------------------------------------------