generated from microverseinc/readme-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
84 lines (84 loc) · 5.23 KB
/
about.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
<!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">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<link rel="stylesheet" href="styles/style.css">
<link href="http://fonts.cdnfonts.com/css/cocogoose" rel="stylesheet">
<link href="http://fonts.cdnfonts.com/css/lato" rel="stylesheet">
<title>About</title>
</head>
<body>
<section class="about" id="about">
<div class="mainImg">
<nav class="navbar fixed-top topNav">
<nav class="heading">
<img class="heading-elements" src="images/facebook.jpg" width="24" height="24" alt="facebook">
<img class="heading-elements" src="images/twitter.png" width="24" height="24" alt="twitter">
<span class="text-white fw-bold heading-elements">English</span>
<span class="text-white fw-bold heading-elements">My Page</span>
<span class="text-white fw-bold heading-elements">Logout</span>
</nav>
<div class="container bottomNav">
<!-- Brand Logo -->
<div class="d-flex">
<a class="nav-desktop navbar-brand" href="index.html"><img src="images/cc-logo.png" width="48" alt="logo"></a>
<a class="nav-desktop" href="index.html"><img src="images/cc-logo-words.png" width="90" alt="logo"></a>
</div>
<!-- About -->
<a class="nav-desktop text-decoration-none text-dark" id="about-cc" href="about.html">About</a>
<!-- Contents -->
<a class="nav-desktop text-decoration-none text-dark" id="content-cc" href="index.html#contents">Contents</a>
<!-- Program -->
<a class="nav-desktop text-decoration-none text-dark" id="prog" href="#">Program</a>
<!-- Sponsor -->
<a class="nav-desktop text-decoration-none text-dark" id="spon" href="#">Sponsor</a>
<!-- Coding Challenges -->
<a class="nav-desktop text-decoration-none text-dark" id="challenge-cc" href="index.html#coding-challenges">Coding Challenges</a>
<!-- Hamburger menu -->
<img id="hamburger" src="images/bars-solid.jpg" width="36" height="48" alt="menu-icon">
</div>
</nav>
<h3 class="motto d-flex justify-content-center text-center pt-5">"Preparing you for the language of the future!"</h3>
<h1 class="description-header d-flex justify-content-center text-center pt-3">CODING CHALLENGES</h1>
<div class="about-description text-center">
<p class="pt-2">Coding challenges is designed to test your knowledge on programming languages and give context on how well you are performing. In the future, leaderboard will be integrated to track your performance compared to other programmers.</p>
</div>
<div class="about-passage lato text-center">
Please contact us for any further questions about CC <br>
<a class="text-decoration-none fw-bold text-dark" href="#">debmirmij@gmail.com</a>
</div>
</div>
<!-- Navigation Menu -->
<div class="close-menu" id="navMenu">
<img id="close" src="images/x-solid.svg" width="24" alt="close">
<ul id="nav-list" class="text-decoration-none list-unstyled ms-auto">
<li class="mx-auto">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="mx-auto">
<a class="nav-link" href="about.html">About</a>
</li>
</ul>
</div>
<div class="d-flex flex-column justify-content-center">
<h1 class="coding-header mt-5">Coding Challenges Logo</h1>
<div class="d-flex justify-content-center">
<img src="images/cc-logo-large.png" width="400" alt="large logo">
</div>
</div>
<div class="partner mt-5 pb-4 d-flex flex-column justify-content-evenly">
<h1 class="coding-header partner-header mt-5">Partner</h1>
<div class="d-flex align-items-center justify-content-evenly"><a href="https://www.microverse.org/"><img src="images/microverse-transparent.png" width="150" alt="microverse"></a><a href="https://github.com/"><img src="images/github-transparent.png" width="130" alt="github"></a><a href="https://www.youtube.com/"><img src="images/youtube.png" width="130" height="80" alt="youtube"></a></div>
</div>
</section>
<footer class="foot d-flex justify-content-center mt-4 p-4 mx-auto m-auto">
<img src="images/cc-logo-ethiopia.png" width="100" alt="logo-footer">
<span>© 2022. Some rights reserved.</span>
</footer>
<script src="scripts/menu.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script>
</body>
</html>