-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·133 lines (125 loc) · 4.23 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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Portfolio</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="shortcut icon" href="global_assets/images/favicon.ico" />
<link
rel="stylesheet"
type="text/css"
media="screen"
href="global_assets/css/reset.css"
/>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"
integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB"
crossorigin="anonymous"
/>
<link
rel="stylesheet"
type="text/css"
media="screen"
href="global_assets/css/style.css"
/>
</head>
<body>
<div class="container">
<!--Row 1-->
<div class="row">
<!--Side navbar-->
<nav class="nav flex-column col-2 pr-0 blue" id="sideBar">
<div class="sticky-top">
<div>
<a class="name" href="index.html"> Beatrice Shinners </a>
</div>
<img
id="navPic"
src="global_assets/images/profile.jpeg"
alt="Self-Pic"
/>
<button
type="button"
class="nav-link mx-auto"
data-clicked="false"
id="toggleAboutMeBtn"
>
About
</button>
<button
type="button"
class="nav-link mx-auto"
data-clicked="false"
id="togglePortfolioBtn"
>
Portfolio
</button>
<button
type="button"
class="nav-link mx-auto"
data-clicked="false"
id="toggleContactMeBtn"
>
Contact
</button>
</div>
</nav>
<div class="col-10" id="mainBody">
<!--Row contains the about, portfolio, and contact rows. Visual Studio Style number line added in small col-->
<div class="row">
<div class="col-1 vsCodeNumbers" id="numline">
<!--Numbers-->
</div>
<div class="col-11 editor">
<!--fake function text for fun-->
<div class="row">
<p class="green codeComment">// Full-Stack Developer</p>
</div>
<div class="row">
<div id="funkPalace">
<span class="blue">function </span>
<span id="funkChange" class="green"> awaitingCommand </span>
<span class="white"> () { </span>
</div>
</div>
<!--Body Row 2: About Placeholder-->
<div class="row" id="aboutContents">
<!--Filled with Javascript on click-->
</div>
<!--Body Row 3: Portfolio Placeholder-->
<div class="row" id="portfolioContents">
<!--Filled with Javascript on click-->
</div>
<!--Body Row 4: Contact Placeholder-->
<div class="row white" id="contactMe">
<!--Filled with Javascript on click-->
</div>
<div class="row editor-brace">
<div class="white">}</div>
</div>
</div>
</div>
</div>
</div>
</div>
<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.1/js/bootstrap.min.js"
integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T"
crossorigin="anonymous"
></script>
<script src="global_assets/javascript/home.js"></script>
<script src="https://unpkg.com/typewriter-effect@2.1.1/dist/core.js"></script>
</body>
</html>