Guusvanmeerveld
/
First-Website
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added info blocks on the home page

Browse Source
add-license-1
Guus van Meerveld 5 years ago committed by GitHub
parent 3b494371fb
commit 85cb4b3607
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 22 additions and 48 deletions
Show Stats Download Patch File Download Diff File

59
css.css
Unescape View File

@ -7,6 +7,8 @@
.name { .name {
margin: 0 auto; margin: 0 auto;
width: 80%; width: 80%;
font-size: 4rem;
white-space: nowrap;
text-align: center; text-align: center;
height: 5rem; height: 5rem;
} }
@ -26,64 +28,27 @@
width: 12rem; width: 12rem;
height: 14rem; height: 14rem;
} }
/* Splash */ .aboutPages{
.logo { height: 50vh;
width: 8rem; float: left;
height: 8rem; background-color: #33353d;
margin-right: 2rem; width: 100%;
} box-shadow: 0 -1px 15px 5px hsla(0, 0%, 0%, 0.8);
.name {
font-size: 4rem;
white-space: nowrap;
}
.keepclicking {
background-color: #3b3c45;
width: 40rem;
height: 12rem;
transition: background-color .4s;
border: 0;
color: white;
padding: 1rem;
border-radius: .5rem;
margin-top: 3rem;
}
.keepclicking:hover {
background-color: #33343b;
}
.keepclicking:focus {
outline: 0;
}
.playground {
border-right: white 4px solid;
width: 20rem;
display: inline-block;
}
.code {
vertical-align: top;
margin-left: 3.7rem;
margin-top: 10px;
}
.minify {
border-left: white 4px solid;
width: 15rem;
margin-left: 3rem;
display: inline-block;
} }
.cut { .infoBlock {
vertical-align: top; width: 50%;
margin-top: 10px;
} }
/* About */ /* About */
.about { .about {
position: relative; position: relative;
box-shadow: 0 -1px 15px 5px hsla(0, 0%, 0%, 0.8);
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 100%; width: 100%;
float: left; float: left;
height: 35vh; height: 35vh;
background-color: #33353d; background-color: #454752;
} }
.head { .head {
padding: 1rem; padding: 1rem;

11
index.html
Unescape View File

@ -17,12 +17,21 @@
</head> </head>
<body> <body>
<!-- Main Content -->
<div class="mainContent"> <div class="mainContent">
<h1 class="name">Guus van Meerveld</h1> <h1 class="name">Guus van Meerveld</h1>
<img src="/resources/img/rocket.png" alt="rocket" id="rocket"> <img src="/resources/img/rocket.png" alt="rocket" id="rocket">
</div> </div>
<!-- Info about the pages on the site -->
<div class="aboutPages">
<div class="infoBlock">
</div><div class="infoBlock">
</div>
</div>
<!-- <div class=""> <!-- <div class="">
<a class="keepclicking" href="/playground" target="_self" title="Test your HTML live at playground!"> <a class="keepclicking" href="/playground" target="_self" title="Test your HTML live at playground!">
<h1 class="playground">Want to test your HTML code?</h1> <h1 class="playground">Want to test your HTML code?</h1>