-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
61 lines (60 loc) · 2.99 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio</title>
<link rel="stylesheet" href="styles/index.css">
<link rel="stylesheet" href="styles/home.css">
<!-- FontAwesome CDN -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<div class="main-body">
<header>
<div class="logo-name">
<a href="#">
<img src="https://coderacademy.edu.au/images/footerLogo.png" alt="CA Logo">
</a>
<p class="name">
<span class="coder-text">Coder</span>
<span class="academy-text">Academy</span>
</p>
</div>
<nav>
<a href="#">Home</a>
<a href="pages/services.html">Services</a>
<a href="pages/about.html">About</a>
<a href="pages/contact.html">Contact</a>
</nav>
</header>
<main>
<section>
<div class="cover-photo">
<img src="https://images.unsplash.com/photo-1484788984921-03950022c9ef?q=80&w=3032&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Laptop">
</div>
<div class="details">
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Molestias nulla voluptatibus ab, amet possimus at minima rerum enim saepe officia eveniet ipsam soluta dolorem vitae molestiae dolorum similique ipsa ullam. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur laborum dolores doloribus! Facere consequatur quod sint, saepe quasi natus beatae illo aliquid temporibus culpa, quisquam sapiente sed dolor voluptates velit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae ipsum ea porro possimus nihil eius itaque? Veniam molestiae suscipit esse asperiores sunt saepe, veritatis odio dolorum. Commodi animi dignissimos corporis?
</div>
</section>
</main>
<footer>
<div class="social-media">
<a href="https://www.facebook.com" target="_blank">
<i class="fa-brands fa-facebook"></i>
</a>
<a href="https://www.linkedin.com" target="_blank">
<i class="fa-brands fa-linkedin"></i>
</a>
<a href="https://www.x.com" target="_blank">
<i class="fa-brands fa-twitter"></i>
</a>
</div>
<div class="info">
<p>Contact: 040000000</p>
<p>Address: 1 street, suburb</p>
</div>
</footer>
</div>
</body>
</html>