Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit d47369c

Browse files
committed
new
1 parent 810dcf8 commit d47369c

File tree

4 files changed

+62
-4
lines changed

4 files changed

+62
-4
lines changed

‎index.html‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Project 2</title>
8+
</head>
9+
<body>
10+
<div id="main">
11+
12+
</div>
13+
</body>
14+
</html>

‎project1.css‎

Lines changed: 43 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -86,6 +86,7 @@ html,body{
8686
left: 25%;
8787
}
8888
#nav{
89+
justify-content: space-between;
8990
display: flex;
9091
height: 10%;
9192
width: 100%;
@@ -106,19 +107,58 @@ html,body{
106107
}
107108

108109
#navmid{
110+
padding: 0% 30px;
109111
display: flex;
110-
width:30%;
112+
width:50%;
111113
position:relative;
112114
justify-content: space-between;
113115
align-items: center;
114-
margin-left:25%;
116+
115117
font-size: 20px;
116118
}
117119
#navmid a{
118120
text-decoration: none;
119121
color: white;
120122
}
121-
#navright{
123+
#navright {
124+
display: flex;
125+
justify-content: space-between;
126+
align-items: center;
127+
z-index: 999999999;
122128
width: 10%;
129+
margin-right: 30px;
130+
131+
}
132+
#navright a{
133+
color: white;
134+
text-decoration: none;
135+
font-size: 20px;
136+
}
137+
138+
.extra{
139+
color: white;
140+
font-family: gilroy;
141+
letter-spacing: 5px;
142+
font-weight: 400;
143+
}
144+
#sidetext3{
145+
position: absolute;
146+
top: 16%;
147+
left: 50%;
148+
transform: translate(-50%,-50%);
149+
}
150+
#sidetext4{
123151

152+
position: absolute;
153+
left: -9%;
154+
top: 70%;
155+
transform: translate(-50%,-50%);
156+
rotate: 90deg;
157+
}
158+
#sidetext5{
159+
position: absolute;
160+
right: -10%;
161+
top: 80%;
162+
transform: translate(-50%,-50%);
163+
rotate: 90deg;
124164
}

‎project1.html‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,8 @@
2323
<a href="*">News</a><a href="*">About</a><a href="*">Shop</a>
2424
</div>
2525
<div id="navright">
26-
<a href="*"></a>
26+
<a href="*">Login</a>
27+
<a id="join" href="*">Join Now </a>
2728
</div>
2829
</div>
2930
<div id="text"><h1>Discover the exciting world of crypto art</h1></div>
@@ -42,6 +43,9 @@
4243
<div id="image"></div>
4344
<div id="circle"></div>
4445
<div id="oval"></div>
46+
<div class="extra" id="sidetext3">Innovative customer service program</div>
47+
<div class="extra" id="sidetext5">Email:nipunjain899@gmail.com</div>
4548
</div>
49+
<div class="extra" id="sidetext4">twitter:@culturednipun</div>
4650
</body>
4751
</html>

‎style.css‎

Whitespace-only changes.

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /