-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolio.html
114 lines (91 loc) · 5.99 KB
/
portfolio.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
106
107
108
109
110
111
112
113
114
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<!-- Grab Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Lato:300,400|Montserrat" rel="stylesheet">
<!-- Custom CSS File -->
<link rel="stylesheet" href="./css/custom.css">
<!-- Page Title -->
<title>Hello, world!</title>
<!-- This is our Meta Description -->
<meta name="description" content="What you write here will often show up in search results under the page title">
</head>
<body>
<!-- This is where our Navbar lives -->
<nav class="navbar fixed-top navbar-expand-lg navbar-light">
<div class="container">
<a class="navbar-brand" href="#"><img src="./img/common/if_105-see-no-evil-monkey_3099447.svg" width="30" height="30" class="d-inline-block align-top nav-bar-img" alt=""> Nick Citizen</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav ml-auto">
<a class="nav-item nav-link" href="./index.html">Home</a>
<a class="nav-item nav-link active" href="./portfolio.html">Portfolio <span class="sr-only">(current)</span></a>
<a class="nav-item nav-link" href="./process-journal.html">Process Journal</a>
<a class="nav-item nav-link" href="contact.html">Contact</a>
</div>
</div>
</div>
</nav>
<!-- Navbar End -->
<div class="container">
<div class="row master-heading">
<div class="col-md-12">
<h1>My Awesome Portfolio!</h1>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="alert alert-danger" role="alert">
The structure used on this page is for demonstration purposes only. You should work with your tutor to understand what should be included in your portfolio
</div>
</div>
</div>
<div class="row section-heading">
<div class="col-md-12">
<h3>Introduction</h3>
</div>
</div>
<div class="row">
<div class="col-md-12">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eget nunc lobortis mattis aliquam. Tortor condimentum lacinia quis vel eros. Nec feugiat nisl pretium fusce id velit ut tortor pretium. Enim sit amet venenatis urna cursus eget. Tortor posuere ac ut consequat semper viverra. Lacus sed turpis tincidunt id. Vitae turpis massa sed elementum tempus egestas sed sed risus. Nibh venenatis cras sed felis eget velit. Ultrices eros in cursus turpis massa tincidunt dui ut ornare. Feugiat nibh sed pulvinar proin gravida hendrerit. Enim diam vulputate ut pharetra sit.</p>
</div>
</div>
<div class="row section-heading">
<div class="col-md-12">
<h3>An important heading</h3>
</div>
</div>
<div class="row">
<div class="col-md-6">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eget nunc lobortis mattis aliquam. Tortor condimentum lacinia quis vel eros. Nec feugiat nisl pretium fusce id velit ut tortor pretium. Enim sit amet venenatis urna cursus eget. Tortor posuere ac ut consequat semper viverra. Lacus sed turpis tincidunt id. Vitae turpis massa sed elementum tempus egestas sed sed risus. Nibh venenatis cras sed felis eget velit. Ultrices eros in cursus turpis massa tincidunt dui ut ornare. Feugiat nibh sed pulvinar proin gravida hendrerit. Enim diam vulputate ut pharetra sit.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eget nunc lobortis mattis aliquam. Tortor condimentum lacinia quis vel eros. Nec feugiat nisl pretium fusce id velit ut tortor pretium. Enim sit amet venenatis urna cursus eget. Tortor posuere ac ut consequat semper viverra. Lacus sed turpis tincidunt id. Vitae turpis massa sed elementum tempus egestas sed sed risus. Nibh venenatis cras sed felis eget velit. Ultrices eros in cursus turpis massa tincidunt dui ut ornare. Feugiat nibh sed pulvinar proin gravida hendrerit. Enim diam vulputate ut pharetra sit.</p>
</div>
<div class="col-md-6">
<iframe width="100%" height="858" src="http://invis.io/YUNGFMFTAX8" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
<!-- Footer -->
<div class="footer">
<div class="container">
<div class="row">
<div class="col-md-6">
<p>© 2018 Nick Citizen</p>
</div>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>