Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

added info section to intro page #13

Merged
merged 1 commit into from
Jul 9, 2017
Merged

added info section to intro page #13

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
6 changes: 6 additions & 0 deletions project1/game.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,12 @@
$(document).ready(function() {
// the "href" attribute of .modal-trigger must specify the modal ID that wants to be triggered
$('.modal-trigger').leanModal();
});

$(function () {
$('.carousel').carousel();
$('.carousel.carousel-slider').carousel({
full_width: true

});
});
71 changes: 67 additions & 4 deletions project1/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,10 +6,13 @@
<title>Project 1: Rough Draft</title>
<!-- Materialize CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.99.0/css/materialize.min.css">
<!-- Stlye for Icons -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Main CSS Source-->
<link rel="stylesheet" href="style.css">
<!-- Main JQuery source-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>


</head>

Expand All @@ -34,13 +37,73 @@

<div class="row center">
<div class="buttonContainer">
<a class="waves-effect waves-light btn-large" id="girlsNight">Girls Night</a>
<a class="waves-effect waves-light btn-large" id="guysNight">Guys Night</a>
<a class="waves-effect waves-light btn-large" id="dateNight">Date Night</a>
<a class="waves-effect waves-light btn-large" id="randomNight">Random Night</a>
<a data-target="modal1" class="waves-effect waves-light btn-large grey" id="girlsNight">Girls Night</a>
<a class="waves-effect waves-light btn-large grey" id="guysNight">Guys Night</a>
<a class="waves-effect waves-light btn-large grey" id="dateNight">Date Night</a>
<a class="waves-effect waves-light btn-large grey" id="randomNight">Random Night</a>
</div>
</div>


<!-- Modal Trigger -->


<!-- Modal Structure -->
<div id="modal1" class="modal modal-fixed-footer">
<div class="modal-content">
<h4>Enter Your City</h4>
<div class="row">
<form class="col s12">
<div class="row modal-form-row">
<div class="input-field col s6">
<input id="cityInput" type="text" class="validate">
<label for="cityInput">Location</label>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<a class="modal-action modal-close waves-effect waves-red btn-flat">Let's Go!</a>
</div>
</div>
<br><br>
</div>

<!-- Icon Section -->
<div class="background">
<div class="row">
<br><br>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center grey-text"><i class="large material-icons">location_on</i></h2>
<h5 class="white-text center ">Select Your City</h5>

<p class="white-text light center">Choose the location of your next night out event. <br> Need directions? No problem! Send directions to your phone through Google Maps.</p>
</div>
</div>

<div class="col s12 m4">
<div class="icon-block">
<h2 class="center grey-text"><i class="large material-icons">trending_up</i></h2>
<h5 class="white-text center">Find Trending Spots</h5>

<p class="white-text light center">What's a night out without great food &amp; drinks? <br> Check out the top 5 spots to mix and mingle, or just catch up with friends.</p>
</div>
</div>

<div class="col s12 m4">
<div class="icon-block">
<h2 class="center grey-text"><i class="large material-icons">stars</i></h2>
<h5 class="white-text center">Choose an Experience</h5>

<p class="white-text light center">Discover your next live experience! <br> Have a memorable event that is Snapchat worthy.</p>
</div>
</div>
</div>
<br><br>

</div>

<!-- Materialize Javascript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.99.0/js/materialize.min.js"></script>
<!-- Main Javascript Source-->
Expand Down