-
Notifications
You must be signed in to change notification settings - Fork 0
/
Index.php
166 lines (117 loc) · 6.66 KB
/
Index.php
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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE html>
<?php
require ("classes/config.php");
?>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Comic Finder</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/mystyle.css" rel="stylesheet">
<!-- Custom CSS -->
<style>
body {
padding-top: 70px;
/* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
</style>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" >
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"> COMIC FINDER</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-left">
<li>
<a href="#">About</a>
</li>
<li>
<a href="#">Services</a>
</li>
<li>
<a href="#">Contact</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href='login.php'> Login</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<div class="col-md-6 col-md-offset-3">
<div class="carousel slide" id="myCarousel">
<ol class ="carousel-indicators">
<li data-target = "#my_carousel" data-slide-to = "0" class="active"></li>
<li data-target = "#my_carousel" data-slide-to = "1"></li>
</ol>
<div class="carousel-inner row0">
<div class="item active">
<div class="col-xs-4"><a href="#"><img src="img/1.jpg" class="img-responsive"alt="wow comics"></a></div>
<div class="col-xs-4"><a href="#"><img src="img/2.jpg" class="img-responsive"alt="wow comics"></a></div>
<div class="col-xs-4"><a href="#"><img src="img/3.jpg" class="img-responsive"alt="wow comics"></a></div>
</div>
<div class="item">
<div class="col-xs-4"><a href="#"><img src="img/4.jpg" class="img-responsive"alt="wow comics"></a></div>
<div class="col-xs-4"><a href="#"><img src="img/5.jpg" class="img-responsive"alt="wow comics"></a></div>
<div class="col-xs-4"><a href="#"><img src="img/6.jpg" class="img-responsive"alt="weird comics"></a></div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev"><i class="glyphicon glyphicon-chevron-left"></i></a>
<a class="right carousel-control" href="#myCarousel" data-slide="next"><i class="glyphicon glyphicon-chevron-right"></i></a>
</div>
</div>
<!-- Page Content -->
<div class="container">
<div class="row">
<div class="col-lg-6 col-xs-6">
<h1>Welcome to Comic Finder</h1>
</div>
<div class="col-lg-6 col-xs-6">
<p class="lead">Find a new comic, find out more info about your favorites or discover a new one!</p>
</div>
<div class="col-lg-12 col-xs-12">
<br>
<p > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla euismod metus in est tempus tempor. Duis vulputate, arcu id commodo varius, diam ligula fringilla lacus, tincidunt vulputate diam leo eget lorem. Maecenas scelerisque, enim eu convallis vulputate, neque mauris sagittis enim, eget ultricies arcu nunc ut orci. Maecenas tristique massa et lorem dictum imperdiet. Cras auctor elit quis congue rhoncus. Donec luctus velit nulla, vel feugiat quam condimentum ac. Duis et cursus massa. Nulla molestie dolor enim, id ultrices leo scelerisque at. Donec laoreet et elit eu vestibulum. Nullam viverra vel sapien ac malesuada. Cras eros tellus, consequat sit amet enim vitae, maximus rhoncus purus.</p>
<p>Donec quis risus id arcu blandit egestas ac eu augue. Cras molestie purus lacus. Suspendisse finibus magna interdum, aliquet neque nec, fermentum erat. Nulla id ligula quis elit lobortis eleifend. Proin viverra a lacus sit amet dignissim. In aliquet, lorem a pretium facilisis, odio turpis rutrum tortor, quis maximus ante mi id mauris. Donec nec tellus hendrerit, malesuada mauris vitae, mattis orci. Morbi quis purus pulvinar massa molestie faucibus mattis ac metus. Sed suscipit sed sapien eu tincidunt. Nullam malesuada, nibh eget fringilla condimentum, dui urna tincidunt ligula, non congue leo lacus sed turpis. Suspendisse sit amet laoreet augue, sit amet ornare nunc. Nulla a porta felis, id consequat dui. Nam non sapien porttitor, facilisis nibh nec, sagittis purus. Cras euismod leo nec pulvinar ornare. Vivamus facilisis volutpat tortor, nec finibus sem efficitur lobortis.</p>
<p>Ut dictum tellus quis elit vehicula sollicitudin. In a sem libero. Phasellus auctor fringilla justo. In pretium pharetra commodo. Phasellus at imperdiet justo. Ut sed massa tortor. Nullam ex arcu, imperdiet non neque et, feugiat vehicula justo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.container -->
<div id= "bottom" class="navbar navbar-fixed-bottom text-center" >
<p > <!--class-= "text-muted"--> Designed with you in mind</p>
</div>
<!-- jQuery Version 1.11.1 -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
</body>
</html>