gallery/techno.html at master · 4-sekawan/gallery · 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
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
<!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">
  <title>Techno</title>
  <link rel="stylesheet" href="techno.css">
  <link href="https://fonts.googleapis.com/css?family=Share+Tech&display=swap" rel="stylesheet">
</head>

<body class="techno-page">
  <!-- nav bar -->
  <div class="navbar">
    <a href="index.html">Home</a>
    <a href="art.html">Art</a>
    <a href="automotive.html">Automotive</a>
    <a href="techno.html">Technology</a>
  </div>


  <h1 class="techno-header">Technology</h1>

  <!-- test -->
  <ul>
    <li>
      <span class="title">Artificial Intelegence</span>
      <span class="text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dicta eveniet sed reprehenderit eum
        deleniti, nihil mollitia aspernatur voluptatum ut assumenda soluta rerum in atque delectus provident enim
        accusantium expedita officia.</span>
      <img src='images/techno-ai.jpeg' />
    </li>

    <li>
      <span class="title">Hyper Conectifity</span>
      <span class="text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dicta eveniet sed reprehenderit eum
        deleniti, nihil mollitia aspernatur voluptatum ut assumenda soluta rerum in atque delectus provident enim
        accusantium expedita officia.</span>

      <img src='images/techno-connectifity.jpg' />
    </li>

    <li>
      <span class="title">Future Media</span>
      <span class="text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dicta eveniet sed reprehenderit eum
        deleniti, nihil mollitia aspernatur voluptatum ut assumenda soluta rerum in atque delectus provident enim
        accusantium expedita officia.</span>

      <img src='images/techno-future-media.jpg' />
    </li>

    <li>
      <span class="title">Robot</span>
      <span class="text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dicta eveniet sed reprehenderit eum
        deleniti, nihil mollitia aspernatur voluptatum ut assumenda soluta rerum in atque delectus provident enim
        accusantium expedita officia.</span>
      <img src='images/techno-robot.jpeg' />
    </li>

    <li>
      <span class="title">Virtual Reality</span>
      <span class="text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dicta eveniet sed reprehenderit eum
        deleniti, nihil mollitia aspernatur voluptatum ut assumenda soluta rerum in atque delectus provident enim
        accusantium expedita officia.</span>

      <img src='images/techno-vr.jpg' />
    </li>
  </ul>
  <!-- end test -->
</body>

</html>