-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
67 lines (61 loc) · 2.38 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Theritex GitHub Main Page</title>
<link rel="stylesheet" href="styles/styles.css">
</head>
<body>
<header>
<div class="container">
<h1>Welcome to Theritex's GitHub Page</h1>
</div>
</header>
<div class="container">
<nav id="sidebar">
<ul>
<li><a href="#about-us">About Us</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<main id="main-content">
<section id="about-us">
<h2>About Us</h2>
<div class="content">
<img src="images/about-us.jpg" alt="About Us">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tempor sit amet quam non convallis. Nulla facilisi. Phasellus elementum leo et nisl tincidunt consequat. Integer vel augue at est suscipit tempus in et arcu. Sed ac ullamcorper ante.</p>
<p>Aliquam erat volutpat. Duis ac libero id purus luctus feugiat. Nulla eget libero at elit tristique feugiat in nec turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
</section>
<section id="projects">
<h2>Projects</h2>
<div class="content">
<img src="images/projects.jpg" alt="Projects">
<ul>
<li>Project 1</li>
<li>Project 2</li>
<li>Project 3</li>
</ul>
</div>
</section>
<section id="contact">
<h2>Contact</h2>
<div class="content">
<img src="images/contact.jpg" alt="Contact">
<p>Contact information goes here.</p>
<p>Email: example@example.com</p>
<p>Phone: +123 456 7890</p>
</div>
</section>
</main>
</div>
<footer>
<div class="container">
<p>© 2024 Theritex. All rights reserved.</p>
</div>
</footer>
<script src="javascript/sidebar.js"></script>
</body>
</html>