GIFme/index.html at master · adj-dev/GIFme · GitHub

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
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="assets/css/normalize.css" />
  <link href="https://fonts.googleapis.com/css?family=Space+Mono:400,400i,700,700i|VT323" rel="stylesheet" />
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
    integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
  <link rel="stylesheet" href="assets/css/main.css" />
  <script src="https://code.jquery.com/jquery-3.4.1.min.js"
    integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
  <script src="assets/javascript/app.js"></script>
  <title>GIFme | Search through millions of GIFs</title>
</head>

<body>
  <div class="container">
    <div class="header">
      <h1 class="banner"><img src="assets/images/logo.png" /><span>me</span></h1>
      <h3 class="banner">Search through millions of GIFs</h3>
    </div>
    <div class="menu">
      <div class="buttons"></div>
      <div class="form">
        <input type="text" placeholder="search by keyword">
        <button class="add-button">
          <i class="fas fa-arrow-alt-circle-right add-button"></i>
        </button>
      </div>
    </div>
    <div class="gif-container"></div>
    <div class="add-gifs">
      <button class="more">MORE<i class="fas fa-plus"></i></button>
    </div>
  </div>
</body>

</html>