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

add announcement card

Browse Source
linkModifications
Kevin Falting 6 years ago
parent 70d9dc8dc8
commit 55f1a5d4d3
4 changed files with 60 additions and 2 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. BIN
      img/3dPrinter.png
  2. BIN
      img/originals/3dPrinter.png
  3. 44
      index.html
  4. 18
      styles.css

BIN
img/3dPrinter.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
img/originals/3dPrinter.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 78 KiB

44
index.html
Unescape 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
Unescape 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 {

Write Preview
Loading…
Cancel
Save