hacktoberfest2021-HTML/transaksi.html at master · Linux-User-Group/hacktoberfest2021-HTML · 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
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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>-LUG Hacktoberfest 2021 | Transaksi-</title>

    <!-- style -->
    <link rel="stylesheet" href="assets/css/style.css" />
    <!-- cdn Bootstrap Css -->

    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
      crossorigin="anonymous"
    />

    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" />
  </head>

  <body>

    <header>
<div class="nav-container">
<a class="logo" href="index.html">Linux User Group</a>
  <nav>
    <ul>
      <li><a href="index.html">Home</a></li>
      <li><a href="transaksi.html">Transaksi</a></li>
      <li><a href="aboutLug.html">AboutLuG</a></li>
    </ul>
  </nav>
</div>
    </header>

    <div class="title mt-5">
      <h1 align="center">Happy coding for Hacktoberfest 2021</h1>
      <h2 align="center">Transaksi</h2>

      <br>
        <h2 align="center" class="bounce">Why Us?</h2>
        <p align="center">
            Your ingenious ideas. Our state-of-the-art web development
        </p>
    </div>

    <div class="wrap-content">
      <h1 class="tagline">Happy coding for </h1>
      <img class="padded" src="/assets/img/logoHacktober.svg" alt="logoHacktober" >
    </div>


    <!-- Footer section -->
    <footer>
      <h2 class="mt-0">Let's Get In Touch!</h2>
      <p class="text-mute">Ready to contribute in HacktobeFest</p>
      <ul class="social-icon">
          <li><a href="#"><ion-icon name="logo-instagram" target="_blank"></ion-icon></a></li>
          <li><a href="#"><ion-icon name="logo-github" target="_blank"></ion-icon></a></li>
          <li><a href="#"><ion-icon name="logo-linkedin" target="_blank"></ion-icon></a></li>
          <li><a href="#"><ion-icon name="logo-twitter" target="_blank"></ion-icon></a></li>

      </ul>
      <ul class="menu">
          <li><a href="index.html">Home</a></li>
          <li><a href="transaksi.html">Transaksi</a></li>
          <li><a href="aboutLug.html">AboutLuG</a></li>
      </ul>
      <p>Linux User Group <i class="far fa-copyright"></i> 2021</p>
      <p>Made with <i class="fas fa-heart"></i> by Linux User Group</p>
  </footer>

    <!-- <section class="page-section bg-dark text-white" id="contact">

    <section class="page-section bg-dark text-white" id="contact">

      <div class="container px-4 px-lg-5">
          <div class="row gx-4 gx-lg-5 justify-content-center">
              <div class="col-lg-8 col-xl-6 text-center">
                  <h2 class="mt-0">Let's Get In Touch!</h2>
                  <hr class="divider" />
                  <p class="text-muted mb-5">Ready to contribute in HacktobeFest</p>
              </div>
          </div>

          <div class="row gx-4 gx-lg-5 justify-content-center">

              <div class="col-lg-3 text-center mb-5 mb-lg-0">
                  <a href="#" class="nav-link ">
                      <i class="bi bi-instagram fs-2 mb-3 text-muted"></i>
                      <div>Instagram</div>
                  </a>
              </div>
              <div class="col-lg-3 text-center mb-5 mb-lg-0">
                  <a href="https://github.com/topics/hacktoberfest" class="nav-link " target="_blank">
                      <i class="bi-github fs-2 mb-3 text-muted"></i>
                      <div>Github</div>
                  </a>
              </div>
              <div class="col-lg-3 text-center mb-5 mb-lg-0">
                  <a href="#" class="nav-link ">
                      <i class="bi-linkedin fs-2 mb-3 text-muted"></i>
                      <div>Linkedin</div>
                  </a>
              </div>
              <div class="col-lg-3 text-center mb-5 mb-lg-0">
                  <a href="#" class="nav-link ">
                      <i class="bi-twitter fs-2 mb-3 text-muted"></i>
                      <div>Twitter</div>
                  </a>
              </div>

          </div>
      </div>
  </section> -->

  <script src="https://kit.fontawesome.com/ae6012157e.js" crossorigin="anonymous"></script>
  <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
  <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
    <script src="./assets/js/script.js"></script>
    <!-- cdn Bootstrap script -->
  </body>
</html>