Edufolio/About.html at master · RanaMuzamal/Edufolio · 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
<!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>About</title>
  <link rel="stylesheet" href="style.css">
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;600&display=swap"
    rel="stylesheet" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.1.2/css/fontawesome.min.css"
    integrity="sha384-X8QTME3FCg1DLb58++lPvsjbQoCT9bp3MsUU3grbIny/3ZwUJkRNO8NPW6zqzuW9" crossorigin="anonymous" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
</head>

<body>
  <section class="subHeader">
    <nav>
      <a href="./index.html">
        <img src="./images/logo.png" alt="Logo" />
      </a>
      <div class="nav-links" id="navLinks">
        <i class="fa fa-times" onclick="hideMenu()"></i>
        <ul>
          <li><a href="/">HOME</a></li>
            <li><a href="./About.html">ABOUT</a></li>
            <li><a href="./Course.html">COURSE</a></li>
            <li><a href="./Blog.html">BLOG</a></li>
            <li><a href="./Contact.html">CONTACT</a></li>
        </ul>
      </div>
      <i class="fa fa-bars" onclick="showMenu()"></i>
    </nav>
    <h1>About Us</h1>
  </section>
<!--About Setion-->
<section class="aboutInfo">
  <div class="row">
    <div class="about-col">
      <h1>We are best in the world</h1>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
        Voluptatum sed iste ullam maiores. Nostrum distinctio alias
        voluptatibus iusto quibusdam esse? Quaerat quis sed nobis nisi
        eum dolorem voluptatum deleniti impedit, consequuntur quidem est,
         cupiditate error nulla fuga nesciunt quibusdam quia reiciendis,
         vitae ipsam eius porro quam! Neque, omnis.</p>
            <a href="" class="hero-btn red-btn">EXPLORE NOW</a>
    </div>
    <div class="about-col">
      <img src="./images/about.jpg" alt="">
    </div>
  </div>
</section>


  <!--Footer-->
  <section class="sub-header">
    <div class="footer-bottom">
      <div class="title">
        <img src="./images/logo.png" alt="">

        </p>
      </div>
      <div>
        <p>All Reserved Rights Reserved
      </div>
      <div class="icons">
        <i class="fa fa-twitter"></i>
        <i class="fa fa-facebook"></i>
        <i class="fa fa-linkedin"></i>
        <i class="fa fa-instagram"></i>
      </div>

    </div>

  </section>

  <script>
    var navLinks = document.getElementById("navLinks");
    function showMenu() {
      navLinks.style.right = "0";
    }
    function hideMenu() {
      navLinks.style.right = "-200px";
    }
  </script>
</body>

</html>