techtronics/index.html at main · ECE-webdev-Bootcamp/techtronics · 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
<html>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>Techtronics</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="css/index.css" />
    <link rel="stylesheet" href="css/footer.css" />

  </head>

  <body>
    <div class="homepage">
      <nav class="navigation-bar">
        <h1 class="logo" src="logo.png">Techtronics</h1>
        <div class="other" id="other">
          <a class="active" href="index.html">Home</a>
          <a href="about.html">About</a>
          <a href="labs.html"> Labs </a>
          <a href="project.html"> Projects </a>
          <a href="resource.html">Resources</a>
        </div>
      </nav>

      <section class="section-1">
        <h1 class="hero-title">
          Techtronics<br />
          <span class="quote"> "Let us Study Smartly" </span>
        </h1>
        <img src="assets/main3.png" />
      </section>
    </div>
    <section class="homepage-2">
      <h1 class="title-2">What is techtronics ?</h1>
      <p class="para-2">
        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Facere,
        temporibus placeat, aperiam ex culpa sed rem eos perferendis quisquam
        provident officia nemo! Aperiam fuga repellat itaque veritatis
        dignissimos nobis, quo deleniti voluptatum praesentium et quam ipsum
        quisquam eligendi, at maiores corrupti ducimus ullam, vero asperiores
        nesciunt voluptas ipsa minima! Labore.
      </p>
    </section>

    <footer>


      <div class="Title">
        <h2>Techtronics</h2>
      </div>
      <div class="icon">
        <div>
          <a href="index.html">
            <img src="assets/Icons/Home.png" alt="HOME Icon" />
          </a>
        </div>
        <div>
          <a href="about.html">
            <img src="assets/Icons/About.png" alt="About Icon"
          /></a>
        </div>
        <div>
          <a href="labs.html">
            <img src="assets/Icons/Lab.png" alt="Lab Icon" />
          </a>
        </div>
        <div>
          <a href="resource.html">
            <img src="assets/Icons/Resources.png" alt="Resource Icon" />
          </a>
        </div>
        <div>
          <a href="project.html">
            <img src="assets/Icons/Projects.png" alt="Project Icon" />
          </a>
        </div>
      </div>
      <ul class="menu_type">
        <li><a href="index.html">Home</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="labs.html">Lab</a></li>
        <li><a href="resource.html">Resource</a></li>
        <li><a href="project.html">Project</a></li>
      </ul>

      <p>© 2021 Techtronics | All Rights Reserved</p>
    </div>
    </footer>


  </body>
</html>