Skip to content

Commit 511ffd7

Browse files
SixxCodesSixxCodes
committed
Add: Practice for lab exam
1 parent 45f6967 commit 511ffd7

File tree

5 files changed

+121
-0
lines changed

5 files changed

+121
-0
lines changed

‎Lab Exam Practice/images/images.png

4.57 KB
Loading

‎Lab Exam Practice/images/pic1.png

1.06 MB
Loading

‎Lab Exam Practice/images/ref.jfif

41.9 KB
Binary file not shown.

‎Lab Exam Practice/index.html

Lines changed: 90 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,90 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<link rel="stylesheet" href="style.css">
7+
<title>Start</title>
8+
</head>
9+
<body>
10+
11+
<section class="section-1">
12+
<header>
13+
<nav class="nav-container">
14+
<div class="logo">
15+
<h2>Start</h2>
16+
</div>
17+
<ul class="nav-list">
18+
<li><a class="nav-list" href="index.html">Home</a></li>
19+
<li><a class="nav-list" href="portfolio.html">Portfolio</a></li>
20+
<li><a class="nav-list" href="services.html">Services</a></li>
21+
<li><a class="nav-list" href="contact.html">Contact</a></li>
22+
</ul>
23+
</nav>
24+
</header>
25+
<div class="section-1-container">
26+
<div class="section-1-container-content">
27+
<div class="section-1-container-content-text">
28+
<h1>The Start</h1>
29+
<h3>Connecting Over What Truly Matters.</h3>
30+
<p>Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum.</p>
31+
<button class="explore">Explore</button>
32+
</div>
33+
<div class="section-1-container-content-logo">
34+
<img src="images/pic1.png" alt="Three people and 1 light bulb." class="pic1">
35+
</div>
36+
</div>
37+
</div>
38+
</section>
39+
40+
<section class="section-2">
41+
<div class="section-2-container">
42+
<div class="section-2-container-content">
43+
<div class="section-2-container-content-logo">
44+
<img src="images/pic1.png" alt="Three people and 1 light bulb." class="pic2">
45+
</div>
46+
<div class="section-2-container-content-text">
47+
<h2>Building Connections, One Message at a Time. Start Now.</h3>
48+
<p>Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum.</p>
49+
<button class="join-the-conversation">Join the Conversation</button>
50+
</div>
51+
</div>
52+
</div>
53+
</section>
54+
55+
<section class="section-3">
56+
<div class="section-3-container">
57+
<div class="section-3-container-content">
58+
<div class="section-3-container-content-text">
59+
<h4>TEAM</h4>
60+
<h2>Meet the Team Behind Start</h2>
61+
<p>Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet</p>
62+
</div>
63+
<div class="section-3-container-content-pictures">
64+
<img src="images/images.png" alt="Three people and 1 light bulb." class="profile-1">
65+
<img src="images/images.png" alt="Three people and 1 light bulb." class="profile-2">
66+
<img src="images/images.png" alt="Three people and 1 light bulb." class="profile-3">
67+
</div>
68+
<div class="section-3-container-content-button">
69+
<button class="view-team">View Team</button>
70+
</div>
71+
</div>
72+
</div>
73+
</section>
74+
<footer>
75+
<div class="footer-container">
76+
<div class="footer-content">
77+
<div class="footer-content-socials">
78+
<img src="images/images.png" alt="Three people and 1 light bulb." class="socials-1">
79+
<img src="images/images.png" alt="Three people and 1 light bulb." class="socials-2">
80+
<img src="images/images.png" alt="Three people and 1 light bulb." class="socials-3">
81+
</div>
82+
<div class="footer-content-credits">
83+
<p class="credits">@ Start. 2025. All rights reserved.</p>
84+
</div>
85+
</div>
86+
</div>
87+
</footer>
88+
89+
</body>
90+
</html>

‎Lab Exam Practice/style.css

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
* {
2+
margin: 0;
3+
padding: 0;
4+
box-sizing: border-box;
5+
}
6+
7+
body {
8+
font-family: Arial, sans-serif;
9+
}
10+
11+
img {
12+
width: 200px;
13+
}
14+
15+
.section-1 {
16+
background-color: rgb(115, 198, 156);
17+
color: white;
18+
}
19+
20+
.nav-container {
21+
display: flex;
22+
justify-content: space-between;
23+
align-items: center;
24+
padding: 20px;
25+
}
26+
27+
.nav-list {
28+
color: white;
29+
list-style: none;
30+
text-decoration: none;
31+
}

0 commit comments

Comments
 (0)