-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcharacters.html
More file actions
56 lines (56 loc) · 2.09 KB
/
characters.html
File metadata and controls
56 lines (56 loc) · 2.09 KB
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
<!DOCTYPE html>
<html lang="es">
<head>
<title>All Characters</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/materialize.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Work+Sans">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="css/main.css">
</head>
<body class="bg-black">
<nav>
<div class="nav-wrapper amber">
<a href="#" class="brand-logo center">
<img class="logo" src="img/logo-black.png" alt="star wars logo">
</a>
<ul id="nav-mobile" class="hide-on-med-and-down">
<li class="left"><a href="index.html">Home</a></li>
<li class="left"><a href="info.html">Info</a></li>
<li class="right"><a href="characters.html">All Characters</a></li>
<li class="right"><a href="searcher.html">Searcher</a></li>
</ul>
</div>
</nav>
<section class="container">
<h1 class="center-align white-text">Star Wars's characters</h1>
<div>
<a id="previous" class="valign btn-floating btn-large waves-effect waves-light amber left">
<i class="material-icons">skip_previous</i>
</a>
</div>
<div>
<a id="next" class="valign btn-floating btn-large waves-effect waves-light amber right">
<i class="material-icons">skip_next</i>
</a>
</div>
<h3 class="center-align white-text">Total: <span id="total" class="total">##</span></h3>
<div id="people" class="row">
<div class="col s12 m4">
<div class="card horizontal hoverable">
<div class="card-stacked">
<div class="card-content amber white-text">
<p>Hi, my name is <strong>____</strong></p>
</div>
<div class="card-action">
<a href="#">See more about me</a>
</div>
</div>
</div>
</div>
</div>
</section>
<script src="http://code.jquery.com/jquery-2.2.4.js" integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous"></script>
<script type="text/javascript" src="js/app.js"></script>
</body>
</html>