-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
105 lines (82 loc) · 4 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
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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="/docs/4.0/assets/img/favicons/favicon.ico">
<title>Nelson's Intro to Interactive Portfolio</title>
<link rel="canonical" href="https://getbootstrap.com/docs/4.0/examples/album/">
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/album.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/mystyles.css" rel="stylesheet">
</head>
<body>
<main role="main">
<div id="topstripe"></div>
<section class="jumbotron text-center">
<div class="container">
<h1 class="jumbotron-heading">Nelson Hsu</h1>
<p class="lead text-muted">Something about you here. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
</section>
<div class="album py-5 bg-light">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="card mb-4 box-shadow">
<img class="card-img-top" src="images/tmp1.jpg" alt="Card image cap">
<div class="card-body">
<p><a href="https://hsunelson.github.io/emmy-demo/" target="_blank">HTML/CSS Assignment Head Here</a></p>
<p class="card-text">This was our very first assignment where we demonstrated basic knowledge of HTML and CSS. It was super fun!</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4 box-shadow">
<img class="card-img-top" src="images/tmp2.jpg" alt="Card image cap">
<div class="card-body">
<p><a href="">Chart Assignment Head Here</a></p>
<p class="card-text">This was an assignment we did after learning the basics of data journalism, Excel and how to visualize data using Datawrapper.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4 box-shadow">
<img class="card-img-top" src="images/tmp3.jpg" alt="Card image cap">
<div class="card-body">
<p><a href="">Map Assigment Head Here</a></p>
<p class="card-text">This is the assignment that is due in a week and I'm gonna ace it!!</p>
</div>
</div>
</div>
<!-- THIS IS ANOTHER CARD THAT IS COMMENTED OUT -->
<!--
<div class="col-md-4">
<div class="card mb-4 box-shadow">
<img class="card-img-top" src="images/tmp3.jpg" alt="Card image cap">
<div class="card-body">
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
</div>
</div>
</div>
-->
</div>
</div>
</div>
</main>
<footer class="text-muted">
<div class="container">
<p>Footer information can go here</p>
</div>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
</body>
</html>