-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
70 lines (63 loc) · 2.66 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
<!DOCTYPE html>
<!-- saved from url=(0086)file:///Volumes/Macintosh%20HD/Users/gailjohnssontabtim/Development/mystory/index.html -->
<html lang="en" class=" js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="./index_files/css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/reset.css"> <!-- CSS reset -->
<link rel="stylesheet" href="css/style.css"> <!-- Resource style -->
<script src="js/modernizr.js"></script> <!-- Modernizr -->
<title>Harry Potter</title>
</head>
<body>
<header>
<div class="cd-header-block">
<div class="cd-header-img">
<img src="./index_files/cd-icon-picture.svg" alt="profileImage">
</div>
<h1>Harry Potter</h1>
<div class="cd-header-content">
<ul>
<li><h2>36 years</h2><p></p></li>
<li><h2>Syria</h2><p></p></li>
<li><p>Congratulations Elephant's I Anywhere Building Bouncing Clearly Happening</p></li>
</ul>
</div>
</div>
</header>
<section id="cd-timeline" class="cd-container">
</section> <!-- cd-timeline -->
<div id="cd-questions-wrapper">
<section id="cd-questions" class="cd-container">
<h1 class="questions-title" >Questions Progress</h1>
<div>
<div class="card">
<div class="card-container">
<h2>Family</h2>
<div class="progress progress-orange"><div class="progress-30"></div></div>
</div>
</div>
<div class="card">
<div class="card-container">
<h2>Education</h2>
<div class="progress progress-blue"><div class="progress-20"></div></div>
</div>
</div>
</div>
<div class="card">
<div class="card-container">
<h2>Work</h2>
<div class="progress progress-pink"><div class="progress-70"></div></div>
</div>
</div>
</div>
</div>
</section>
</div>
<img src="https://cdn0.iconfinder.com/data/icons/small-n-flat/24/678092-sign-add-128.png" id="btn-add"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/main.js"></script> <!-- Resource jQuery -->
<script src="js/data.js"></script>
<script src="js/populate.js"></script>
</body>
</html>