add announcement card

linkModifications
Kevin Falting 6 years ago
parent 70d9dc8dc8
commit 55f1a5d4d3
  1. BIN
      img/3dPrinter.png
  2. BIN
      img/originals/3dPrinter.png
  3. 44
      index.html
  4. 18
      styles.css

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

@ -24,7 +24,7 @@
<body>
<!-- Header information, 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="#"
><span style="color: #696035">{</span>dev<span style="color: #696035"
>}</span
@ -65,7 +65,47 @@
</div>
</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>
<!-- below the fold. Vision statement, Meeting info -->

@ -4,6 +4,24 @@
background-size: cover;
background-repeat: no-repeat;
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 {

Loading…
Cancel
Save