sigonasr2/dev-osan.github.io
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fixed some markup issues, changed hero unit to 60% viewport height

Browse Source
This commit is contained in:
Matthew Reichardt 2019-05-08 18:45:38 +09:00
parent 48739839cf
commit 2c80aedf78
2 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
index.html
View File

@ -34,11 +34,9 @@
<!-- Header information, above the fold -->
<div class="above-the-fold">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<a class="navbar-brand" href="#"
><span style="color: #696035">{</span>dev<span style="color: #696035"
>}</span
>Osan</a
>
<a class="navbar-brand" href="#">
<span style="color: #696035">{</span>dev<span style="color: #696035">}</span>Osan
</a>
<button
class="navbar-toggler"
type="button"
@ -51,6 +49,7 @@
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<hr />
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#club-info">Club Info</a>
@ -62,9 +61,7 @@
<a class="nav-link" href="#projects">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#learning-resources"
>Learning Resources</a
>
<a class="nav-link" href="#learning-resources">Learning Resources</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#faq">FAQs</a>
@ -182,7 +179,7 @@
<!-- Footer and Contact Us -->
<div class="container-fluid" id="contact">
<div class="row">
<div class="row" style="padding: 25px 10px 25px 10px;">
<div class="col">
<h3>Contact Us</h3>
<p>

9
styles.css
View File

@ -1,5 +1,5 @@
.above-the-fold {
min-height: 100vh;
min-height: 60vh;
background-image: url("img/devOsan_noLogo.png");
background-size: cover;
background-repeat: no-repeat;
@ -7,6 +7,11 @@
padding-top: 3em;
}
.navbar-collapse hr {
background: #e3e3e3;
opacity: 0.3;
}
#announcement-card-link {
text-decoration: none;
color: black;
@ -102,4 +107,4 @@ h4 {
.answer {
margin-left: 10px;
}
}