-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
81 lines (76 loc) · 3.46 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="style.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mathematrix</title>
<link rel="icon" class="circular-image" href="assets/Mathematrix-logo.png">
</head>
<body>
<!--navigation bar-->
<nav>
<div class="logo">
<img src="/assets/Mathematrix-logo.png" alt="Mathematrix Logo" class="circular-image">
</div>
<div class="brand-name">
<h1>Mathematrix</h1>
</div>
<div class="menu">
<ul>
<li><a href="/index.html">Home</a></li>
<li><a href="/extra pages/about/about.html">About</a></li>
<li><a href="/extra pages/contact/contact.html">Contact</a></li>
</ul>
</div>
</nav>
<!--hero section-->
<section class="hero">
<div class="hero-image">
<img src="assets/Mathematrix-logo.png" alt="Hero Image">
</div>
<div class="hero-text">
<h1>Welcome to Mathematrix</h1>
<p>Explore the fascinating world of mathematics with Mathematrix.</p>
<p>Made by <a href="https://github.com/shviam-2018">shviam-2018</a> for <a href="https://nightdev4l.web.app">nightdev4l</a></p>
</div>
</section>
<!--about me section-->
<section class="aboutme" id="aboutme">
<div class="main">
<img src="/assets/profile picture.png" alt="add an about me picture">
<div class="aboutme-info">
<h1>About</h1>
<h5>Welcome to <span>Mathematrix</span></h5>
<p>Welcome to Mathematrix! Here, you can learn easy to hard math stuff, figuring out numbers, equations, and cool math ideas. Whether you're just starting or really into math, Mathematrix is your place to explore numbers and stuff. Let's start this math adventure together! This website is made as a part of my portfolio project, which can be found at <a href="https://nightdev4l.web.app">nightdev4l.web.app</a>. The source code is available on <a href="https://github.com/shviam-2018">GitHub</a>.</p>
<a href="/extra pages/about/about.html" class="homeab-btm">Learn more</a>
</div>
</div>
</section>
<!--start action section-->
<section class="hero-start">
<div class="hero-image-start">
<img src="assets/Mathematrix-logo.png" alt="brand logo">
</div>
<div class="hero-text-start">
<h1>Let's start your maths learning journey</h1>
<p>Click the button below to start.</p>
<h1>Select mode:</h1> <br>
<a href="extra pages/qustions/qustions.html" class="homeab-btm">practice</a>
<a href="extra pages/learn/learn.html" class="homeab-btm">learn</a>
</div>
</section>
<!-- Footer -->
<footer>
<div class="footer-content">
<h3>Get in touch with me</h3>
<p>Feel free to contact me if you have any questions or concerns. I am always available to help you.</p>
<a href="mailto:coder.develooper@gmail.com" class="footer-button">Contact me</a>
<a href="extra pages/credit/credit.html" class="footer-button">Credits</a>
</div>
<div class="footer-bottom">
© NightDev4l / Aaron | All Rights Reserved | Designed by Aaron Lacerda | Website Content and Domain © 2024 Mathematrix & matherik.web.app
</div>
</footer>
</body>
</html>