-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathgithub.html
161 lines (160 loc) · 3.64 KB
/
github.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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<html lang="en">
<head>
<script
src="https://code.jquery.com/jquery-3.3.1.js"
integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous"
></script>
<script>
$(function () {
$("#header").load("header.html");
$("#footer").load("footer.html");
});
</script>
<!--Title-->
<title>GitHub</title>
<!--Encoding-->
<meta charset="UTF-8" />
<!--Metatext-->
<meta name="Portfolio" />
<!--SEO Keywords-->
<meta
name="keywords"
content="portfolio, coding-boot-camp, technical-writing, programming, engineering"
/>
<!--Author-->
<meta name="author" content="Melissa Kinsey" />
<!--Favicon-->
<link
rel="shortcut icon"
type="image/png"
img
src="images/favicon.png"
/>
<!--Viewport Dimensions-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--Bootstrap Link-->
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"
/>
<link
href="https://fonts.googleapis.com/css2?family=Red+Rose:wght@300;400;500;600;700&display=swap"
rel="stylesheet"
/>
<!--CSS Link-->
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!-- NAV HEADER -->
<div id="header" class="p-0"></div>
<!-- CONTAINER-1 -->
<div class="container-fluid bg-3 text-center logo-container">
<div id="logo">
<img src="assets/name-5.png" width="40%" />
</div>
<div>
<h1 class="special">GitHub Projects</h1>
</div>
<div class="row">
<div class="col-sm-4">
<p>
<a
href="https://github.com/melissakinsey/Quarantinis/blob/main/README.MD"
>
<img
src="assets/quarantinis.png"
class="shadow img-responsive"
style="width: 100%"
alt="Screenshot of Quarantinis website"
/>Quarantinis
</a>
</p>
</div>
<div class="col-sm-4">
<p>
<a href="https://melissakinsey.github.io/weather-api/"
><img
src="assets/weather-api-dashboard.png"
class="shadow img-responsive"
style="width: 100%"
alt="Screenshot of weather dashboard"
/>Weather Dashboard
</a>
</p>
</div>
<div class="col-sm-4">
<p>
<a
href="https://melissakinsey.github.io/password-generator/"
><img
src="assets/password-generator.png"
class="shadow img-responsive"
style="width: 100%"
alt="Screenshot of password generator"
/>Password Generator
</a>
</p>
</div>
</div>
</div>
<!--CONTAINER-3-->
<div class="container-fluid bg-3 text-center">
<div class="row">
<div class="col-sm-4">
<p>
<a href="samples/README-sample.md">
<img
src="assets/readme-generator.png"
class="shadow img-responsive"
style="width: 100%"
alt="Screenshot of a README document"
/>README Generator
</a>
</p>
</div>
<div class="col-sm-4">
<p>
<a href="https://youtu.be/Gdccs8iHxyw">
<img
src="assets/white-rose-eng.png"
class="shadow img-responsive"
style="width: 100%"
alt="Screenshot of an engineering team roster"
/>Team Profile Generator
</a>
</p>
</div>
<!-- <div class="col-sm-4">
<p>
<a href="""
><img
src="assets/"
class="img-responsive"
style="width: 100%"
alt=""
/>Name of App
</a>
</p>
</div>
<div class="col-sm-4">
<p>
<a
href="""
><img
src="assets/"
class="img-responsive"
style="width: 100%"
alt=""
/>Name of App
</a>
</p>
</div> -->
</div>
</div>
<!--FOOTER-->
<div id="footer"></div>
</body>
<!--JQuery SCRIPTS-->
</html>