Skip to content

Commit 9bf6adc

Browse files
qwabena37qwabena37
authored
Add files via upload
1 parent bb57c8a commit 9bf6adc

File tree

3 files changed

+124
-0
lines changed

3 files changed

+124
-0
lines changed

‎Capture.JPG‎

50.2 KB
Loading

‎index.css‎

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
body {
2+
margin: 0px;
3+
padding: 0px;
4+
background-color: antiquewhite;
5+
}
6+
.navbar{
7+
width: 100%;
8+
height: 60px;
9+
background-color: rgb(29, 5, 61);
10+
color: white;
11+
}
12+
.nav_menu {
13+
padding: 0px;
14+
margin: 0px;
15+
}
16+
.nav_menu ul {
17+
font-weight: bolder;
18+
min-width: 5em;
19+
float: right;
20+
margin-right: 2em;
21+
text-align: center;
22+
background-color: white;
23+
margin-top: -40px;
24+
padding: 3px;
25+
box-shadow: 3px 3px 7px 3px rgba(43, 43, 77, 0.5);
26+
border-radius: 13%;
27+
}
28+
a {
29+
background-color: ghostwhite;
30+
transition: 0.5s;
31+
text-decoration: none;
32+
}
33+
a:hover {
34+
background-color: rgb(184, 178, 178);
35+
background-size: cover;
36+
}
37+
#logo {
38+
font-weight: bolder;
39+
margin-left: 60px;
40+
font-size: 50px;
41+
}
42+
img {
43+
height: 40px;
44+
width: 40px;
45+
margin-left: -30px;
46+
margin-right: 10px;
47+
border-radius: 50%;
48+
margin-bottom: -4px;
49+
}
50+
.left {
51+
float: left;
52+
margin-top: 50px;
53+
margin-left: 30px;
54+
font-size: 50px;
55+
background-color: rgb(160, 160, 163);
56+
height: 550px;
57+
border-radius: 2%;
58+
box-shadow: 0px 3px 3px 0px;
59+
}
60+
.right {
61+
float: right;
62+
margin-top: 50px;
63+
margin-right: 30px;
64+
font-size: 50px;
65+
background-color: rgb(160, 160, 163);
66+
height: 550px;
67+
border-radius: 2%;
68+
box-shadow: 0px 3px 3px 0px;
69+
}
70+
.email {
71+
float: left;
72+
margin-left: 30px;
73+
}
74+
footer {
75+
background-color: rgb(29, 5, 61);
76+
margin-top: 800px;
77+
color: white;
78+
text-align: center;
79+
height: 50px;
80+
81+
}

‎index.html‎

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
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+
<title>My Web</title>
7+
<link rel="stylesheet" href="index.css">
8+
</head>
9+
<body>
10+
<div class="navbar">
11+
<div id="logo" ></a><img src="Capture.JPG" alt="">JayTech Solutions</div>
12+
<div class="nav_menu">
13+
<ul><a href="#">SIGN UP</a></ul>
14+
<ul><a href="#">ABOUT US</a></ul>
15+
<ul><a href="#">CONTACT US</a></ul>
16+
<ul><a href="#">SERVICES</a></ul>
17+
<ul><a href="index.html">HOME</a></ul>
18+
19+
</div>
20+
</div>
21+
<div class="mainBody">
22+
<div class="left">
23+
Lorem ipsum dolor sit amet, <br>consectetur adipisicing elit.
24+
<br>Quod ex dignissimos mollitia <br> asperiores soluta accusantium
25+
<br>labore! Labore quae quisquam <br>quo iste voluptatem optio enim
26+
<br>eaque praesentium consequuntur <br> molestiae, illo sint!
27+
</div>
28+
<div class="right">
29+
Lorem ipsum dolor sit amet, <br>consectetur adipisicing elit.
30+
<br>Quod ex dignissimos mollitia <br> asperiores soluta accusantium
31+
<br>labore! Labore quae quisquam <br>quo iste voluptatem optio enim
32+
<br>eaque praesentium consequuntur <br> molestiae, illo sint!
33+
</div>
34+
<div class="email">
35+
<p>E-mail Us</p>
36+
<input type="email" name="email" id="">
37+
<input type="submit">
38+
</div>
39+
</div>
40+
<footer class="copyright">
41+
<p>COPYRIGHT | JAYTECH 2025</p></footer>
42+
</body>
43+
</html>

0 commit comments

Comments
 (0)