Skip to content

Commit

Permalink
Staff Section + Section Name Rework
Browse files Browse the repository at this point in the history
Section names have been changed, to associate which is which easier.

A staff section has also been added.
  • Loading branch information
Sid Engel committed Apr 11, 2017
1 parent 614bd44 commit fe1253b
Show file tree
Hide file tree
Showing 2 changed files with 198 additions and 104 deletions.
174 changes: 107 additions & 67 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -76,16 +76,19 @@
<a class="page-scroll" href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#content-3">About</a>
<a class="page-scroll" href="#about">About</a>
</li>
<li>
<a class="page-scroll" href="#content-4">Vip</a>
<a class="page-scroll" href="#staff">Staff</a>
</li>
<li>
<a class="page-scroll" href="#content-5">Screenshots</a>
<a class="page-scroll" href="#vip">Vip</a>
</li>
<li>
<a class="page-scroll" href="#content-6">Report</a>
<a class="page-scroll" href="#screenshots">Screenshots</a>
</li>
<li>
<a class="page-scroll" href="#report">Report</a>
</li>
</ul>
<!-- /.navbar-collapse -->
Expand All @@ -95,8 +98,8 @@

<!-- START OF CONTENT -->

<!-- Content 1 -->
<div class="content-1">
<!-- HEADER -->
<div class="header">
<div class="jumbotron container-fluid" style="background-image: url(src/img/cityscape.jpg);">
<div data-aos="fade-up" data-aos-duration="1200" data-aos-once="true">
<h1>Welcome To OlympiaMC.</h1>
Expand All @@ -107,9 +110,9 @@ <h1>Welcome To OlympiaMC.</h1>
</div>
</div>

<!-- Content 2 -->
<!-- INFO -->

<div class="content-2 container-fluid">
<div class="info container-fluid">
<div class="row">
<div data-aos="fade" data-aos-duration="1200" data-aos-once="true">
<div class="col-md-4">
Expand All @@ -136,15 +139,16 @@ <h2>Skyblock</h2>
<hr class="secondary-header">
<p>This is placeholder text. You should replace this with your own content. Morbi molestie mollis molestie. Sed tincidunt diam eu ante pharetra dignissim. Aenean viverra risus sed ullamcorper blandit. <b>Integer ultricies sapien sed ornare ornare.</b> Suspendisse finibus non sem vitae viverra.
</p>
<section id="content-3">
<section id="about">
<a class="btn btn-primary btn-lg" href="#">Connect</a>
</div>
</div>
</div>
</section>
</div>

<!-- Content 3 -->
<div class="content-3 container-fluid">
<!-- ABOUT -->
<div class="about container-fluid">
<div class="row">
<div class="col-md-4 hidden-sm-down" data-aos="fade-right" data-aos-duration="1200" data-aos-anchor-placement="center-bottom" data-aos-once="true">
<img src="./src\img\profile.png" alt="Image failed to load...">
Expand All @@ -158,16 +162,52 @@ <h2>What is OlympiaMc?</h2>
viverra.
</p>
<p>Morbi molestie mollis molestie.</p>
<section id="content-4">
<section id="staff">
<br>
</div>
</div>
</div>
</section>

<!-- Content 4 -->
<!-- STAFF -->

<div class="staff container-fluid">
<h1 data-aos="fade-up" data-aos-duration="1200" data-aos-anchor-placement="center-bottom" data-aos-delay="100" data-aos-once="true">Our Staff</h1>
<!-- START OF STAFF LIST -->
<div class="row" data-aos="fade-up" data-aos-duration="1200" data-aos-anchor-placement="center-bottom" data-aos-delay="100" data-aos-once="true">
<div class="col-md-3">
<img class="circular" src="https://placeholdit.imgix.net/~text?txtsize=47&txt=500%C3%97500&w=500&h=500">
<h3>Sid_Engel</h3>
<h4>Admin</h4>
<p>Some extra information...</p>
</div>
<div class="col-md-3">
<img class="circular" src="https://placeholdit.imgix.net/~text?txtsize=47&txt=500%C3%97500&w=500&h=500">
<h3>John126</h3>
<h4>Moderator</h4>
<p>Some extra information...</p>
</div>
<div class="col-md-3">
<img class="circular" src="https://placeholdit.imgix.net/~text?txtsize=47&txt=500%C3%97500&w=500&h=500">
<h3>Notch</h3>
<h4>Helper</h4>
<p>Some extra information...</p>
</div>
<div class="col-md-3">
<img class="circular" src="https://placeholdit.imgix.net/~text?txtsize=47&txt=500%C3%97500&w=500&h=500">
<h3>PaulSoaresJr</h3>
<section id="vip">
<h4>Helper</h4>
<p>Some extra information...</p>
</div>
</div>
<!-- END OF STAFF LIST -->
<!-- FEEL FREE TO COPY THIS SECTION, IF YOU HAVE MORE STAFF -->
</section>
</div>

<!-- VIP -->

<div class="content-4 container-fluid border-top" id="content-4">
<div class="vip container-fluid">
<div class="row">
<div class="col-md-4" data-aos="fade-up" data-aos-duration="1200" data-aos-anchor-placement="center-bottom" data-aos-delay="100" data-aos-once="true">
<span class="glyphicon glyphicon-picture glyph-price"></span>
Expand Down Expand Up @@ -213,68 +253,68 @@ <h2>Vip++</h2>
<li class="list-group-item">Unlimited Support</li>
</ul>
<a class="btn btn-primary btn-lg" href="http://www.github.com/sid-engel " id="content-5">Purchase</a>
<section id="screenshots">
</div>
</div>
</div>
</section>

<!-- Content 5 -->

<section id="content-5">
<div class="content-5 container-fluid">
<h2>Server Screenshots</h2>
<hr class="secondary-header" style="margin-bottom: 40px;">
<div class="row">
<div class="col-md-3" data-aos="zoom-in" data-aos-delay="100" data-aos-once="true">
<a href="#">
<img src="http://placehold.it/1280x720" class="img-responsive" alt="Image failed to load...">
</a>
</div>
<div class="col-md-3" data-aos="zoom-in" data-aos-delay="200" data-aos-once="true">
<a href="#">
<img src="http://placehold.it/1280x720" class="img-responsive" alt="Image failed to load...">
</a>
</div>
<div class="col-md-3" data-aos="zoom-in" data-aos-delay="300" data-aos-once="true">
<a href="#">
<img src="http://placehold.it/1280x720" class="img-responsive" alt="Image failed to load...">
</a>
</div>
<div class="col-md-3" data-aos="zoom-in" data-aos-delay="400" data-aos-once="true">
<a href="#">
<img src="http://placehold.it/1280x720" class="img-responsive" alt="Image failed to load...">
</a>
</div>
<!-- SERVER SCREENSHOTS -->

<div class="screenshots container-fluid">
<h2>Server Screenshots</h2>
<hr class="secondary-header" style="margin-bottom: 40px;">
<div class="row">
<div class="col-md-3" data-aos="zoom-in" data-aos-delay="100" data-aos-once="true">
<a href="#">
<img src="http://placehold.it/1280x720" class="img-responsive" alt="Image failed to load...">
</a>
</div>
<div class="row">
<div class="col-md-3" data-aos="zoom-in" data-aos-delay="500" data-aos-once="true">
<a href="#">
<img src="http://placehold.it/1280x720" class="img-responsive" alt="Image failed to load...">
</a>
</div>
<div class="col-md-3" data-aos="zoom-in" data-aos-delay="600" data-aos-once="true">
<a href="#">
<img src="http://placehold.it/1280x720" class="img-responsive" alt="Image failed to load...">
</a>
</div>
<div class="col-md-3" data-aos="zoom-in" data-aos-delay="700" data-aos-once="true">
<a href="#">
<img src="http://placehold.it/1280x720" class="img-responsive" alt="Image failed to load...">
</a>
</div>
<div class="col-md-3" data-aos="zoom-in" data-aos-delay="800" data-aos-once="true">
<a href="#">
<img src="http://placehold.it/1280x720" class="img-responsive" alt="Image failed to load...">
</a>
</div>
<div class="col-md-3" data-aos="zoom-in" data-aos-delay="200" data-aos-once="true">
<a href="#">
<img src="http://placehold.it/1280x720" class="img-responsive" alt="Image failed to load...">
</a>
</div>
<div class="col-md-3" data-aos="zoom-in" data-aos-delay="300" data-aos-once="true">
<a href="#">
<img src="http://placehold.it/1280x720" class="img-responsive" alt="Image failed to load...">
</a>
</div>
<div class="col-md-3" data-aos="zoom-in" data-aos-delay="400" data-aos-once="true">
<a href="#">
<img src="http://placehold.it/1280x720" class="img-responsive" alt="Image failed to load...">
</a>
</div>
</div>
<div class="row">
<div class="col-md-3" data-aos="zoom-in" data-aos-delay="500" data-aos-once="true">
<a href="#">
<img src="http://placehold.it/1280x720" class="img-responsive" alt="Image failed to load...">
</a>
</div>
<div class="col-md-3" data-aos="zoom-in" data-aos-delay="600" data-aos-once="true">
<a href="#">
<img src="http://placehold.it/1280x720" class="img-responsive" alt="Image failed to load...">
</a>
</div>
<div class="col-md-3" data-aos="zoom-in" data-aos-delay="700" data-aos-once="true">
<a href="#">
<img src="http://placehold.it/1280x720" class="img-responsive" alt="Image failed to load...">
</a>
</div>
<div class="col-md-3" data-aos="zoom-in" data-aos-delay="800" data-aos-once="true">
<a href="#">
<img src="http://placehold.it/1280x720" class="img-responsive" alt="Image failed to load...">
</a>
</div>
</div>
</div>
</section>

<!-- Content 6 -->
<section id="section-6">
<div class="content-6 container-fluid" style="background-image: url(src/img/cave.jpg);">
<div class="col-md-6" id="content-6">
<!-- REPORT -->
<section id="report">
<div class="report container-fluid" style="background-image: url(src/img/cave.jpg);">
<div class="col-md-6" id="report">
<div class="form-area">
<h2>Report</h2>
<form role="form" action="send_form_email.php" method="get" name="reportForm" type="text">
Expand Down
Loading

0 comments on commit fe1253b

Please sign in to comment.