Skip to content

Commit a68c666

Browse files
Refan420Refan420
committed
Finish Module * wits Importent JS Code
1 parent 240a25f commit a68c666

23 files changed

Lines changed: 2157 additions & 2082 deletions

File tree

‎.vscode/settings.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
1-
{
2-
"liveServer.settings.port": 5501
1+
{
2+
"liveServer.settings.port": 5501
33
}

‎Frist_Exam/index.html‎

Lines changed: 137 additions & 137 deletions
Original file line numberDiff line numberDiff line change
@@ -1,138 +1,138 @@
1-
<!DOCTYPE html>
2-
<html lang="en">
3-
4-
<head>
5-
<meta charset="UTF-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
8-
<title>Live Exam_1</title>
9-
<style>
10-
nav ul {
11-
display: flex;
12-
flex-wrap: wrap;
13-
padding: .5rem;
14-
margin: 0rem 1rem;
15-
align-items: center;
16-
justify-content: center;
17-
list-style: none;
18-
}
19-
20-
nav ul li {
21-
padding: .5rem 1rem;
22-
margin: .4rem;
23-
border-radius: .3rem;
24-
border: 1px solid rgb(60, 60, 60);
25-
font-size: medium;
26-
font-weight: 600;
27-
transition: all .3s ease-in-out;
28-
color: lightgray;
29-
cursor: pointer;
30-
}
31-
32-
nav ul li:hover {
33-
transform: translateY(-.2rem) scale(1.1);
34-
color: black;
35-
}
36-
37-
nav ul li:nth-child(1) {
38-
background-color: aqua;
39-
}
40-
41-
nav ul li:nth-child(1):hover {
42-
background-color: rgb(86, 240, 240);
43-
}
44-
45-
nav ul li:nth-child(2) {
46-
background-color: rgb(31, 76, 253);
47-
}
48-
49-
nav ul li:nth-child(2) :hover {
50-
background-color: rgb(104, 134, 251);
51-
}
52-
53-
nav ul li:nth-child(3) {
54-
background-color: rgb(4, 245, 53);
55-
}
56-
57-
nav ul li:nth-child(3):hover {
58-
background-color: rgb(110, 242, 136);
59-
}
60-
61-
nav ul li:nth-child(4) {
62-
background-color: rgb(242, 254, 3);
63-
}
64-
65-
nav ul li:nth-child(4):hover {
66-
background-color: rgb(233, 239, 112);
67-
}
68-
69-
nav ul li:nth-child(5) {
70-
background-color: rgb(200, 3, 244);
71-
}
72-
73-
nav ul li:nth-child(5) :hover {
74-
background-color: rgb(223, 117, 247);
75-
}
76-
77-
.cointain_Box div {
78-
transition: all .3s ease-in-out;
79-
}
80-
81-
.cointain_Box div h2 {
82-
font-family: "Playwrite NZ Guides", cursive;
83-
}
84-
85-
.cointain_Box div:hover {
86-
background-color: transparent;
87-
transform: translateY(-.5rem);
88-
}
89-
</style>
90-
</head>
91-
92-
<body>
93-
<header>
94-
<nav>
95-
<ul>
96-
<li><a href="">Home</a></li>
97-
<li><a href="">About</a></li>
98-
<li><a href="">Project</a></li>
99-
<li><a href="">Services</a></li>
100-
<li><a href="">Contact</a></li>
101-
</ul>
102-
</nav>
103-
</header>
104-
<main>
105-
<div class="cointain_Box grid md:grid-cols-2 xl:grid-cols-3 gap-3 p-16">
106-
<div
107-
class="Box_1 p-4 flex flex-col items-center justify-center border border-gray-600 rounded-xl bg-blue-400">
108-
<h2 class=" text-3xl text-center my-3">My Frist Box</h2>
109-
<p class="text-justify p-3 m-2 text-gray-700">Lorem ipsum dolor sit amet consectetur adipisicing elit.
110-
Aliquam minus recusandae, deserunt assumenda sed nihil eum est, aperiam, officia nobis et adipisci
111-
iste cupiditate blanditiis.</p>
112-
</div>
113-
<div
114-
class="Box_2 p-4 flex flex-col items-center justify-center border border-gray-600 rounded-xl bg-green-400">
115-
<h2 class=" text-3xl text-center my-3">My Second Box</h2>
116-
<p class="text-justify p-3 m-2 text-gray-700">Lorem ipsum dolor sit amet consectetur adipisicing elit.
117-
Aliquam minus recusandae, deserunt assumenda sed nihil eum est, aperiam, officia nobis et adipisci
118-
iste cupiditate blanditiis.</p>
119-
</div>
120-
<div
121-
class="Box_3 p-4 flex flex-col items-center justify-center border border-gray-600 rounded-xl bg-pink-400">
122-
<h2 class=" text-3xl text-center my-3">My Third Box</h2>
123-
<p class="text-justify p-3 m-2 text-gray-700">Lorem ipsum dolor sit amet consectetur adipisicing elit.
124-
Aliquam minus recusandae, deserunt assumenda sed nihil eum est, aperiam, officia nobis et adipisci
125-
iste
126-
cupiditate blanditiis.</p>
127-
</div>
128-
</div>
129-
130-
</div>
131-
</div>
132-
</main>
133-
<footer class="bg-black p-1 m-1 text-center ">
134-
<span class="text-center text-gray-300">Publish@2026 | Auther <strong>Omar Faruque</strong></span>
135-
</footer>
136-
</body>
137-
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
8+
<title>Live Exam_1</title>
9+
<style>
10+
nav ul {
11+
display: flex;
12+
flex-wrap: wrap;
13+
padding: .5rem;
14+
margin: 0rem 1rem;
15+
align-items: center;
16+
justify-content: center;
17+
list-style: none;
18+
}
19+
20+
nav ul li {
21+
padding: .5rem 1rem;
22+
margin: .4rem;
23+
border-radius: .3rem;
24+
border: 1px solid rgb(60, 60, 60);
25+
font-size: medium;
26+
font-weight: 600;
27+
transition: all .3s ease-in-out;
28+
color: lightgray;
29+
cursor: pointer;
30+
}
31+
32+
nav ul li:hover {
33+
transform: translateY(-.2rem) scale(1.1);
34+
color: black;
35+
}
36+
37+
nav ul li:nth-child(1) {
38+
background-color: aqua;
39+
}
40+
41+
nav ul li:nth-child(1):hover {
42+
background-color: rgb(86, 240, 240);
43+
}
44+
45+
nav ul li:nth-child(2) {
46+
background-color: rgb(31, 76, 253);
47+
}
48+
49+
nav ul li:nth-child(2) :hover {
50+
background-color: rgb(104, 134, 251);
51+
}
52+
53+
nav ul li:nth-child(3) {
54+
background-color: rgb(4, 245, 53);
55+
}
56+
57+
nav ul li:nth-child(3):hover {
58+
background-color: rgb(110, 242, 136);
59+
}
60+
61+
nav ul li:nth-child(4) {
62+
background-color: rgb(242, 254, 3);
63+
}
64+
65+
nav ul li:nth-child(4):hover {
66+
background-color: rgb(233, 239, 112);
67+
}
68+
69+
nav ul li:nth-child(5) {
70+
background-color: rgb(200, 3, 244);
71+
}
72+
73+
nav ul li:nth-child(5) :hover {
74+
background-color: rgb(223, 117, 247);
75+
}
76+
77+
.cointain_Box div {
78+
transition: all .3s ease-in-out;
79+
}
80+
81+
.cointain_Box div h2 {
82+
font-family: "Playwrite NZ Guides", cursive;
83+
}
84+
85+
.cointain_Box div:hover {
86+
background-color: transparent;
87+
transform: translateY(-.5rem);
88+
}
89+
</style>
90+
</head>
91+
92+
<body>
93+
<header>
94+
<nav>
95+
<ul>
96+
<li><a href="">Home</a></li>
97+
<li><a href="">About</a></li>
98+
<li><a href="">Project</a></li>
99+
<li><a href="">Services</a></li>
100+
<li><a href="">Contact</a></li>
101+
</ul>
102+
</nav>
103+
</header>
104+
<main>
105+
<div class="cointain_Box grid md:grid-cols-2 xl:grid-cols-3 gap-3 p-16">
106+
<div
107+
class="Box_1 p-4 flex flex-col items-center justify-center border border-gray-600 rounded-xl bg-blue-400">
108+
<h2 class=" text-3xl text-center my-3">My Frist Box</h2>
109+
<p class="text-justify p-3 m-2 text-gray-700">Lorem ipsum dolor sit amet consectetur adipisicing elit.
110+
Aliquam minus recusandae, deserunt assumenda sed nihil eum est, aperiam, officia nobis et adipisci
111+
iste cupiditate blanditiis.</p>
112+
</div>
113+
<div
114+
class="Box_2 p-4 flex flex-col items-center justify-center border border-gray-600 rounded-xl bg-green-400">
115+
<h2 class=" text-3xl text-center my-3">My Second Box</h2>
116+
<p class="text-justify p-3 m-2 text-gray-700">Lorem ipsum dolor sit amet consectetur adipisicing elit.
117+
Aliquam minus recusandae, deserunt assumenda sed nihil eum est, aperiam, officia nobis et adipisci
118+
iste cupiditate blanditiis.</p>
119+
</div>
120+
<div
121+
class="Box_3 p-4 flex flex-col items-center justify-center border border-gray-600 rounded-xl bg-pink-400">
122+
<h2 class=" text-3xl text-center my-3">My Third Box</h2>
123+
<p class="text-justify p-3 m-2 text-gray-700">Lorem ipsum dolor sit amet consectetur adipisicing elit.
124+
Aliquam minus recusandae, deserunt assumenda sed nihil eum est, aperiam, officia nobis et adipisci
125+
iste
126+
cupiditate blanditiis.</p>
127+
</div>
128+
</div>
129+
130+
</div>
131+
</div>
132+
</main>
133+
<footer class="bg-black p-1 m-1 text-center ">
134+
<span class="text-center text-gray-300">Publish@2026 | Auther <strong>Omar Faruque</strong></span>
135+
</footer>
136+
</body>
137+
138138
</html>

0 commit comments

Comments
 (0)