Created
February 13, 2017 19:19
-
-
Save Phoenix23A/6491e0eb57866c351f3862b5527fc374 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
html { | |
height: 100%; | |
} | |
body { | |
background-image: url("../img/landscape.jpg"); | |
background-position: center; | |
background-size: cover; | |
position: relative; | |
float: left; | |
width: 100%; | |
height: 100%; | |
} | |
.nav{ | |
z-index: 1; | |
height: 65px; | |
} | |
.carousel-example-generic{ | |
padding-top: 65px; | |
} | |
.footer{ | |
float: left; | |
} | |
.container{ | |
width: 80%; | |
margin 0 auto; | |
} | |
.header h1{ | |
text-align: center; | |
margin-bottom: 40px; | |
margin-top: 120px; | |
} | |
.image { | |
display: inline-block; | |
float: left; | |
width: 30%; | |
} | |
.column { | |
display: inline-block; | |
float: left; | |
width: 30%; | |
padding: 0 20px; | |
} | |
.main-text { | |
clear: both; | |
} | |
.main-text { | |
clear: both; | |
padding-top: 60px; | |
padding: top right bottom left; | |
} | |
h1, | |
h2, | |
h3 { | |
font-family: Futura, Helvetica, Arial, sans-serif; | |
} | |
.intro p{ | |
font-family: Futura, Helvetica, Arial, sans-serif; | |
font-size: 3em; | |
-webkit-margin-before: 0; | |
} | |
.skills h3 { | |
text-align: center; | |
text-transform: uppercase; | |
} | |
body{ | |
background-color: #fffeea; | |
color: #34495e; | |
} | |
.skills{ | |
background-color: #5AD4C2; | |
} | |
.nav ul li{ | |
display: inline-block; | |
} | |
.nav { | |
background-color: black; | |
position: fixed; | |
width: 100%; | |
top: 0; | |
padding: 20px, 10px, 20px; | |
padding-bottom: 50px; | |
left: 0; | |
} | |
.nav ul { | |
float: right; | |
} | |
.nav ul li a{ | |
color: white; | |
text-transform: uppercase; | |
letter-spacing: 0.05em; | |
margin: 10px; | |
} | |
.nav a:hover{ | |
color: red; /*In the Example they use #ff0;*/ | |
text-decoration: none; | |
-webkit-transition: color 600ms; | |
} | |
.footer{ | |
float: left; | |
} | |
.embed-responsive{ | |
display: block; | |
margin: 0 auto; | |
} | |
/**** End of the Main Page Section****/ | |
/**** Start Contact page ****/ | |
html { | |
height: 100%; | |
} | |
body { | |
background-image: url("../img/nqswvyvrijk-vadim-sherbakov.jpg"); | |
background-position: center; | |
background-size: cover; | |
overflow: hidden; | |
position: relative; | |
float: left; | |
width: 100%; | |
height: 100%; | |
} | |
.header, h1{ | |
text-align: center; | |
color: white; | |
font-size: 5em; | |
} | |
.ct, h3 { | |
text-align: center; | |
color: white; | |
font-size: 2em; | |
} | |
.jumbotron, h3, p, a, href { | |
text-align: center; | |
color: white; | |
font-size: 2em; | |
} | |
/**** End of the Contact Page ****/ | |
.footer{ | |
float: left; | |
} | |
.form-control{ | |
width: 80%; | |
} | |
/**** Beginn of the FAQ Page ****/ | |
.faq-text h3 { | |
float: left; | |
} | |
.panel-group { | |
clear: both; | |
} | |
/**** End of the FAQ Page ****/ | |
.footer{ | |
float: left; | |
} | |
.learn-more { | |
text-align: left; | |
float: left; | |
} | |
.modal-button { | |
float: right; | |
padding: 15px; | |
} | |
#modalembed { | |
height: 500px; | |
} | |
#modalembed { | |
height: 500px; | |
width: 100%; | |
padding: 10px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment