-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html.html
93 lines (72 loc) · 3.76 KB
/
about.html.html
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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="with=device-width, initial-scale=1.0">
<title>University Website Design - Easy Tutorials</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">
</head>
<body>
<section class="sub-header">
. <nav>
<a href="index.html"><img src="image/logo.png"></a>
<div class="nav-links" id="navLinks">
<i class="fa -solid fa-circle-xmark" onclick="hideMenu()"></i>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="about.html.html">ABOUT</a></li>
<li><a href="course.html.html">COURSE</a></li>
<li><a href="blog.html.html">BLOG</a></li>
<li><a href="contact.html.html">CONTACT</a></li>
</ul>
</div>
<i class="fa -solid fa-bars" onclick="showMenu()"></i>
</nav>
<h1>About Us</h1>
</section>
<!----------------about us content-->
<section class="about-us">
<div class="row">
<div class="about-col">
<h1>We are the 1st IT School in the Philippines</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi cumque atque porro, cupiditate, natus harum exercitationem dolorum tenetur incidunt sed amet ad veniam reiciendis dolore ratione vero, accusamus nemo iusto? Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus fugiat incidunt pariatur ad corporis perspiciatis quae sit temporibus totam voluptatum. Ratione provident quae nisi fugiat. Optio sapiente quidem quam nemo? </p>
<a href="index.html" class="hero-btn red-btn">EXPLORE NOW</a>
</div>
<div class="about-col">
<img src="imag e/about.jpg">
</div>
</div>
</section>
<!-----Footer Section------>
<section class="footer">
<h4>About us</h4>
<p>Video provides a powerful way to help you prove your
point. When you click Online Video, you can paste
in the<br> embed codefor the video you want to add.
You can also type a keyword to search online for <br>
the video that best fits your document</p>
<div class="icons">
<i class="fa-brands fa-facebook"></i>
<i class="fa-solid fa-envelope"></i>
<i class="fa-brands fa-square-instagram"></i>
<i class="fa-regular fa-sausage"></i>
</div>
<nav class="sau">
<p>Developed by <a href="https://github.com/snowhyt">Snowhyt(oliverDev)</a> <br><img id="" src="icon/NEG-LOGO-dark.png"></p>
</nav>
</section>
<!-------JavaScript to Toggle------->
<script>
var navLinks = document.getElementById("navLinks");
function showMenu(){
navLinks.style.right = "0";
}
function hideMenu(){
navLinks.style.right = "-200px";
}
</script>
</body>
</html>