Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 12 additions & 0 deletions css/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,11 @@
#separator-1 {
background-color: #F2F8FF;
padding: 20px 0;

}
#seperator-1 h3 {
font-family: Ubuntu;
font-size:24px;
}

#what-do-we-do {
Expand All @@ -36,6 +41,10 @@
#separator-2 {
background-color: #EFEEFF;
padding: 20px 0;

}
#separator-2 h3{
color: #0800A4;
}

#statistics {
Expand All @@ -46,6 +55,9 @@
background-color: #F2F8FF;
padding: 20px 0;
}
#separator-3 h5{
color:#336CFF;
}

#events-and-activities {
padding-top: 20px;
Expand Down
58 changes: 38 additions & 20 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -62,22 +62,26 @@ <h1>Learn with<br>Hackerspace MMU</h1>
<img src="..." alt="...">
</div>

<div id="separator-1">
<div id="separator-1" class="text-center">
<div class="container">
<div class="row">
<div class="col-4">
<span>
Open and endless conversation about tech and more
Achieve more with us
<h3 >Open and endless conversations about tech and more
</h3>
</span>
</div>
<div class="col-4">
<span>
Learn together
<h4 >
Learn together</h4>
</span>
</div>
<div class="col-4">
<span>
Learn together
<h4 >
Learn together</h4>
</span>
</div>
</div> <!--row -->
Expand All @@ -94,18 +98,10 @@ <h2 class="text-center">

<div id="separator-2">
<div class="container">
<div class="row">
<div class="col-10">
<span>
"The only way to do great work is to love what you do."
</span>
</div>
<div class="col-2">
<span>
- Steve Jobs
</span>
</div>
</div> <!--row -->
<h3 class="text-center">OUR MISSION</h3>
<h5 class="text-center">
Hackerspace MMU aims to enable and encourage like-minded members of the MMU community to share ideas and explore them through collaborative or individual projects in the interest of learning and beyond.
</h5>
</div> <!--container -->
</div> <!--separator-2 -->

Expand Down Expand Up @@ -148,13 +144,18 @@ <h2 class="text-center">
</div> <!--End of .container-fluid -->
</div> <!--End of #statistics -->

<div id="separator-3">
<div id="separator-3" class="text-center">
<div class="container">
<h4>
"The only way to do great work is to love what you do."
</h4>
<div class="row">
<div class="col-10">
<span>
Sepatator-3
</span>
</div>
<div class="col-2">
<h5 class="text-center">
-Steve Jobs
</h5>
</div>
</div> <!--row -->
</div> <!--container -->
Expand Down Expand Up @@ -185,6 +186,23 @@ <h5 class="card-title">Card title</h5>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="..." class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere, voluptate.</p>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="..." class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vel, nobis!</p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="..." class="card-img-top" alt="...">
Expand Down