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

add announcement card

Browse Source
This commit is contained in:
Kevin Falting 2019-05-05 16:38:15 +09:00
parent 70d9dc8dc8
commit 55f1a5d4d3
4 changed files with 60 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
img/3dPrinter.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
img/originals/3dPrinter.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 78 KiB

44
index.html
View File

@ -24,7 +24,7 @@
<body> <body>
<!-- Header information, above the fold --> <!-- Header information, above the fold -->
<div class="above-the-fold"> <div class="above-the-fold">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<a class="navbar-brand" href="#" <a class="navbar-brand" href="#"
><span style="color: #696035">{</span>dev<span style="color: #696035" ><span style="color: #696035">{</span>dev<span style="color: #696035"
>}</span >}</span
@ -65,7 +65,47 @@
</div> </div>
</nav> </nav>
<div class="container-fluid"></div> <div class="container">
<div class="row">
<div class="col">
<a href="" id="announcement-card-link">
<div class="card mb-3" style="max-width: 540px; margin-top: 5%;">
<div class="row no-gutters">
<div class="col-4">
<img
src="img/3dPrinter.png"
class="card-img"
alt="3d printer printing a red wheel"
/>
</div>
<div class="col-8">
<div class="card-body">
<h5 class="card-title">Pitch & Prototype Weekend</h5>
<p class="card-text">
Join us Aug 23-25 at Osan Air Base for a weekend of
rapid prototyping. Pitch an idea to form a team or show
up with your skills ready to contribute! Click here!
</p>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="row name-slogan">
<div class="col col-md-6 offset-md-6">
<h1>
<span style="color: #696035">{</span>dev<span
style="color: #696035"
>}</span
>Osan
</h1>
<h4>Software Development Club</h4>
</div>
</div>
</div>
</div> </div>
<!-- below the fold. Vision statement, Meeting info --> <!-- below the fold. Vision statement, Meeting info -->

18
styles.css
View File

@ -4,6 +4,24 @@
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
padding-top: 3em;
}
#announcement-card-link {
text-decoration: none;
color: black;
}
.name-slogan {
text-align: center;
}
h1 {
font-size: 5em;
}
h4 {
font-size: 1.8em;
} }
.rightalign { .rightalign {