-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
40 lines (40 loc) · 2.33 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name=”description” content="Do you want to find out the latest Dank New Rand Meme. Visit this page now!"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Ellie Nguyen">
<meta property="og:site_name" content="Dank New Rand Memes Generator"/>
<meta property="og:image" content="https://scontent-atl3-1.xx.fbcdn.net/v/t31.0-8/15723661_1534358443246349_5451002159342390585_o.jpg?oh=ee7ef197bf0e79ca2261afdee681d6a1&oe=596464F1">
<meta property="og:description" content="Do you want to find out the latest Dank New Rand Meme. Visit this page now!"/>
<meta property="og:image" content="https://github.com/ellienguyen/rand-meme-generator/blob/master/photos/background.jpg">
<meta property="og:url" content="http://ellienguyen.me/rand-meme-generator/">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css"
integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<link rel="shortcut icon" type="image/x-icon" href="photos/icons/favicon.ico">
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600" rel="stylesheet">
<title>Dank New Rand Memes Generator</title>
</head>
<body>
<div class="l-logo-header">
<img src="https://www.vanderbilt.edu/graphicstandards/files/vu/vu02ar.jpg" alt="Vanderbilt Logo" class="img-fluid mx-auto">
</div>
<div class="l-box box">
<div class="l-box-group">
<div class="btn-group l-top-group" role="group" aria-label="Basic example">
<button type="button" class="btn btn-secondary btn-group-button active" id = "all">All</button>
<button type="button" class="btn btn-secondary btn-group-button" id = "mumps">Mumps</button>
<button type="button" class="btn btn-secondary btn-group-button" id = "zeppos">Zeppos</button>
</div>
</div>
<div class="box-viewer mx-auto">
<img src="photos/mis/mis-1.jpg" alt="" class="img-fluid" id = "meme">
</div>
<button type="button" class="btn btn-secondary l-bottom-right-btn bottom-btn" id = "next">New meme</button>
</div>
</div>
</body>
<script src = "js/script.js"></script>
</html>