Skip to content

Commit 4b23404

Browse files
MDJAminMDJAmin
committed
Feat: Code 2 - 2.1 Folder
1 parent c4137df commit 4b23404

5 files changed

Lines changed: 170 additions & 0 deletions

File tree

‎Block Chain Collage Code 2/2/2.1/assets/zacoes-body-kit-makes-the-lamborghini-revuelto-look-like-a-new-age-batmobile-260631_1.jpg‎

299 KB
Loading

‎Block Chain Collage Code 2/2/2.1/home/components/btn/btn.html‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
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>Document</title>
7+
</head>
8+
<body>
9+
<a href="../../../index.html"></a>
10+
</body>
11+
</html>

‎Block Chain Collage Code 2/2/2.1/home/home.html‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
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>Document</title>
7+
</head>
8+
<body>
9+
<h2>Welcome to our website</h2>
10+
<a href="../index.html">Main Page</a>
11+
</body>
12+
</html>

‎Block Chain Collage Code 2/2/2.1/index.html‎

Lines changed: 128 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,128 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta
6+
name="viewport"
7+
content="width=device-width, initial-scale=1.0"
8+
/>
9+
<link
10+
rel="stylesheet"
11+
href="style/style.css"
12+
/>
13+
<title>Code 2 - class 2</title>
14+
</head>
15+
<body>
16+
<p>
17+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem adipisci, unde expedita
18+
natus culpa, provident reprehenderit molestiae iusto optio quibusdam numquam fugit
19+
blanditiis enim, dolorum ea ipsum accusantium ab eum.
20+
</p>
21+
<a href="https://www.google.com/">Click here🍎</a>
22+
<a
23+
href="home/home.html"
24+
target="_blank"
25+
>Home Page</a
26+
>
27+
<img
28+
src=""
29+
alt=""
30+
/>
31+
<h1>Lorem, ipsum dolor.</h1>
32+
<h2>Lorem, ipsum dolor.</h2>
33+
<h3>Lorem, ipsum dolor.</h3>
34+
<h4>Lorem, ipsum dolor.</h4>
35+
<h5>Lorem, ipsum dolor.</h5>
36+
<h6>Lorem, ipsum dolor.</h6>
37+
38+
<p>
39+
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Id voluptate qui quibusdam
40+
voluptas, ad quisquam unde! <b>Error, sit cumque.</b> Voluptates aliquid tempore
41+
laboriosam ipsa perferendis inventore fuga impedit harum quaerat!
42+
</p>
43+
44+
<b>Lorem, ipsum dolor.</b>
45+
<strong>Lorem, ipsum dolor.</strong>
46+
47+
<i>Lorem, ipsum dolor.</i>
48+
<em>Lorem, ipsum dolor.</em>
49+
50+
<abbr title="Hello">
51+
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptate quos natus molestiae
52+
esse officiis corrupti, a delectus possimus quam porro est ratione explicabo dignissimos.
53+
Laudantium fuga iure nostrum natus deleniti!
54+
</abbr>
55+
<address>Lorem ipsum dolor sit amet consectetur adipisicing.</address>
56+
57+
<!-- <img style="width: 200px;" src="assets/zacoes-body-kit-makes-the-lamborghini-revuelto-look-like-a-new-age-batmobile-260631_1.jpg" alt="lamborghini-revuelto"> -->
58+
<!-- <img width="200" src="assets/zacoes-body-kit-makes-the-lamborghini-revuelto-look-like-a-new-age-batmobile-260631_1.jpg" alt="lamborghini-revuelto"> -->
59+
<img
60+
class="img car"
61+
id="lamborghini-revuelto"
62+
src="assets/zacoes-body-kit-makes-the-lamborghini-revuelto-look-like-a-new-age-batmobile-260631_1.jpg"
63+
alt="lamborghini-revuelto"
64+
/>
65+
<!-- unordered list -->
66+
<ul>
67+
<li>Lorem, ipsum dolor.</li>
68+
<li>Lorem, ipsum dolor.</li>
69+
<li>Lorem, ipsum dolor.</li>
70+
</ul>
71+
<!-- ordered list -->
72+
<ol>
73+
<li>Lorem, ipsum dolor.</li>
74+
<li>Lorem, ipsum dolor.</li>
75+
<li>Lorem, ipsum dolor.</li>
76+
</ol>
77+
78+
<!-- Home work -->
79+
<table>
80+
<tr></tr>
81+
<th></th>
82+
<td></td>
83+
</table>
84+
85+
<!-- Page Structure -->
86+
<head></head>
87+
<header>
88+
<nav></nav>
89+
</header>
90+
91+
<main></main>
92+
93+
<section>
94+
<div></div>
95+
<div></div>
96+
<div></div>
97+
</section>
98+
99+
<div>
100+
<h2></h2>
101+
<p></p>
102+
<a href=""></a>
103+
<img
104+
src=""
105+
alt=""
106+
/>
107+
</div>
108+
109+
<p>Lorem <span class="red">ipsum</span> dolor sit amet consectetur.</p>
110+
111+
<footer></footer>
112+
113+
<form action="">
114+
<input type="text" placeholder="Enter your user name">
115+
<input type="email" name="" id="" value="a@gmail.com">
116+
<input type="password" name="" id="" placeholder="Enter your password">
117+
<input type="date" name="" id="">
118+
<input type="checkbox" name="" id="">
119+
<input type="radio" name="" id="">
120+
<!-- Home work -->
121+
<input type="submit" name="" id="">
122+
<input type="button" name="" id="">
123+
<input type="search" name="" id="" value="" placeholder="Search...">
124+
<button>Submit</button>
125+
</form>
126+
<button>Submit</button>
127+
</body>
128+
</html>

‎Block Chain Collage Code 2/2/2.1/style/style.css‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
#lamborghini-revuelto{
2+
/* width: 200px; */
3+
/* height: 400px; */
4+
}
5+
6+
.img{
7+
width: 400px;
8+
border-radius: 10px;
9+
}
10+
11+
.car{
12+
box-shadow: 1px 3px 4px black;
13+
}
14+
15+
.red{
16+
color: red;
17+
font-weight: bolder;
18+
19+
}

0 commit comments

Comments
 (0)