-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
73 lines (59 loc) · 2.77 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!-- © 2015 Arian Flores All Rights Reserved
All rights reserved. No part of this code may be reproduced, distributed, or transmitted in any form or by any means,
including photocopying, recording, or other electronic or mechanical methods, without the prior written permission of the creator, except
in the case of brief quotations embodied in critical reviews and certain other noncommercial uses permitted by copyright law.
For permission requests, write to the creator,addressed “Attention: Permissions Coordinator,” at the address below.
AirMan inc
6330 QuickSilver Avenue
San Francisco, CA 94560
www.arianflores.com -->
<!DOCTYPE html>
<html>
<head>
<title>Mad Libs</title>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="js/MadLib.js"></script>
<script src="js/Story.js"></script>
</head>
<body>
<div class="container">
<a href="index.html"><img class= "headerPic" src=" images/MadLibs-Logo.png"></a>
<form action="wordChoice.html" method="get">
<center><label><h1 id= "header2">Welcome to MadLibs</h1></label></center>
<center><label><h2 id= "header3">The World's Greatest Word Game</h2></label></center>
<center><label><h1 id= "header">Choose Your Story</h1></label></center>
<fieldset>
<fieldset id="StoryBox">
<legend class="text-center">My Eulogy</legend>
<input id="StoryIMG" class="img-rounded" type="image" name="eulogy" src="images/eulogy.jpg">
</fieldset>
<fieldset id="StoryBox2">
<legend class="text-center">Talk Like a Pirate</legend>
<input id="StoryIMG" class="img-rounded" type="image" name="pirate" src="images/Pirates.jpg">
</fieldset>
<fieldset id="StoryBox3">
<legend class="text-center">Land a Hot Date</legend>
<input id="StoryIMG" class="img-rounded"type="image" name="date" src="images/Dating.jpg">
</fieldset>
<fieldset id="StoryBox4">
<legend class="text-center">Your Own Adventure!</legend>
<input id="StoryIMG" class="img-rounded" type="image" name="adventure" src="images/ChooseYourOwn.PNG">
</fieldset>
</fieldset>
<div>
<fieldset id="StoryBox5">
<legend class="text-center">Saved Stories</legend>
<input id="SavedStoryIMG" class="img-rounded" type="image" name="saved" src="images/SavedStory.png">
</fieldset>
</div>
</form>
</div>
<footer id="footer">
<div class="row">
<a class="footerNote" href="index.html" target="_self">MadLibs</a><span class="glyphicon glyphicon-copyright-mark" aria-hidden="true"></span><p class="footerDate" >2016</p>
</div>
</footer>
</body>
</html>