-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
53 lines (41 loc) · 1.71 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
<html>
<head>
<meta charset="UTF-8" />
<title>Pathfinder2 API Data Fetch</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous" />
<link rel="stylesheet" type="text/css" href="styles.css">
<!-- Don't use this in production: -->
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<style>
h1 {
text-align: center;
color: #cbc18f;
background: #522e2c;
}
h2 {
text-align: center;
background: #292929;
color: #000000;
background: #806e45;
}
</style>
</head>
<div>
<h1 className="glorp center">Pathfinder 2</h1>
<h2 className="glorp center">Get Data with React</h2>
</div>
<body>
<!-- We will put our React component inside this div. -->
<div id="root"></div>
<!-- Load React. -->
<script src="https://unpkg.com/react/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom/umd/react-dom.development.js" crossorigin></script>
<script src="https://unpkg.com/react-router@5/umd/react-router.min.js" crossorigin></script>
<script src="https://unpkg.com/react-router-dom@5/umd/react-router-dom.min.js"></script>
<script src="https://unpkg.com/react-bootstrap@next/dist/react-bootstrap.min.js" crossorigin></script>
<!-- Load our Axios and our component. -->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="pathfinderFetchData.jsx" defer type="text/babel"></script>
</body>
</html>