-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
64 lines (64 loc) · 3.54 KB
/
about.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
<!DOCTYPE html>
<html lang="en-CA">
<head>
<!--Pre-Normailize browser styling-->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About Pokédex</title>
<!--The logo that will be displayed in the tab bar/bookmark-->
<link rel="shortcut icon" href="img/favicon.png">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="dist/style.production.css" >
</head>
<body>
<header>
<nav class="navbar navbar-expand-sm navbar-dark bg-danger">
<a href="index.html"><img class="navbar-brand ball-size" src="img/iconfinder_Poke_Ball_1703896.svg" alt="Pokéball Logo" aria-label="Pokéball Logo">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active underline">
<a class="nav-link" href="index.html" aria-label="Home page link">Pokédex</a>
</li>
<li class="nav-item active underline">
<a class="nav-link" href="about.html" aria-label="Link leading to the about page">About</a>
</li>
</ul>
<a href="https://github.com/AndreasCampan/bootstrap-pokedex" target="_blank">
<img src="img/github-logo-non-trans.png" alt="Github logo. Link leading to Github profile page" class="logos"></a>
<a href="https://andreascampan.com" target="_blank">
<img src="img/logo-dark.png" alt="Web master logo. Link leading to owner's portfolio page." class="logos"></a>
</div>
</nav>
</header>
<main>
<div class="container">
<div class="row text-center">
<div class="col-12 mt-5 pt-5 mb-3">
<h2>About Project Pokédex</h2>
</div>
<div class="row">
<div class="col-2"></div>
<div class="col">
<p>
This project is a redesign of my original vanilla JS pokédex for the purposes of learning Bootstrap. This project loads data from an external API and enables viewing of the data points of each pokémon. <br /> <br/>
Checkout the github link above for project details and more information about me!
</p>
</div>
<div class="col-2"></div>
</div>
</div>
</div>
</main>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="js/promise-polyfill.js"></script>
<script src="js/fetch.js"></script>
</body>
</html>