The home page
This commit is contained in:
Binary file not shown.
@@ -1,3 +1,8 @@
|
|||||||
|
/* p.title */
|
||||||
|
/* background image */
|
||||||
|
/* "#00897B" */
|
||||||
|
/* subtitle */
|
||||||
|
/* button */
|
||||||
html {
|
html {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
@@ -14,7 +19,8 @@ body {
|
|||||||
position: relative;
|
position: relative;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-image: url(http://www.mulierchile.com/nike-running-wallpapers/nike-running-wallpapers-005.jpg);
|
/*background-image: url(http://www.mulierchile.com/nike-running-wallpapers/nike-running-wallpapers-005.jpg);*/
|
||||||
|
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://images.unsplash.com/photo-1476480862126-209bfaa8edc8?auto=format&fit=crop&w=1950&q=80);
|
||||||
/*background-image: url('pics/indexbg.jpg');*/
|
/*background-image: url('pics/indexbg.jpg');*/
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
@@ -54,11 +60,14 @@ p.title {
|
|||||||
left: 50%;
|
left: 50%;
|
||||||
margin-right: -50%;
|
margin-right: -50%;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
font-family: 'Open Sans Condensed', sans-serif;
|
font-family: 'Unica One', cursive;
|
||||||
|
/*font-family: 'Open Sans Condensed', sans-serif;*/
|
||||||
font-size: 200px;
|
font-size: 200px;
|
||||||
color: #C0C0C0;
|
/*color: #C0C0C0;*/
|
||||||
|
color: white;
|
||||||
margin-top: 150px;
|
margin-top: 150px;
|
||||||
text-shadow: 0px 0px 2px #000;
|
/*text-shadow: 0px 0px 2px #000;*/
|
||||||
|
text-shadow: 2px 2px 4px #000000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@@ -87,9 +96,11 @@ font.title {
|
|||||||
left: 50%;
|
left: 50%;
|
||||||
margin-right: -50%;
|
margin-right: -50%;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
font-family: 'Open Sans Condensed', sans-serif;
|
font-family: 'Contrail One', cursive;
|
||||||
|
/*font-family: 'Open Sans Condensed', sans-serif;*/
|
||||||
font-size: 50px;
|
font-size: 50px;
|
||||||
color: #546E7A;
|
/*color: #546E7A;*/
|
||||||
|
color: #FFFFFF;
|
||||||
margin-top:330px;
|
margin-top:330px;
|
||||||
}
|
}
|
||||||
html, html a {
|
html, html a {
|
||||||
@@ -134,7 +145,7 @@ button {
|
|||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
letter-spacing: 2px;
|
letter-spacing: 2px;
|
||||||
font-style: oblique;
|
font-style: oblique;
|
||||||
background-color: #00B8D4;
|
background-color: #C0C0C0; /*#00B8D4*/
|
||||||
color: white;
|
color: white;
|
||||||
height: 45px;
|
height: 45px;
|
||||||
width: 150px;
|
width: 150px;
|
||||||
|
|||||||
@@ -12,6 +12,12 @@
|
|||||||
|
|
||||||
|
|
||||||
<link href="https://fonts.googleapis.com/css?family=Rubik" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css?family=Rubik" rel="stylesheet">
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Patua+One" rel="stylesheet">
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Comfortaa" rel="stylesheet">
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Unica+One" rel="stylesheet">
|
||||||
|
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Bree+Serif" rel="stylesheet">
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Contrail+One" rel="stylesheet">
|
||||||
|
|
||||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
|
||||||
|
|
||||||
@@ -42,7 +48,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="input">
|
<div class="input">
|
||||||
<p class="title">ReFleX
|
<p class="title">ReFleX
|
||||||
<p class="subtitle">Compete With <font color = "#00897B"><font-size = 40px><b>You</b></font></font></font>
|
<p class="subtitle">Compete with <font color = "#FFFFFF"><font-size = 40px><b>YOU</b></font></font></font>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user