Skip to content

Commit fcf418f

Browse files
ShivamMaurya2002ShivamMaurya2002
authored
Update index.html
1 parent 94ef286 commit fcf418f

1 file changed

Lines changed: 69 additions & 24 deletions

File tree

‎index.html‎

Lines changed: 69 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,51 +1,97 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
43
<head>
54
<meta charset="UTF-8">
65
<meta name="viewport" content="width=device-width, initial-scale=1.0">
76
<title>Interview Questions</title>
87
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css"
98
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
109
<style>
10+
body {
11+
background: #f7f7f7;
12+
}
13+
.navbar {
14+
box-shadow: 0 2px 10px rgba(0,0,0,0.08);
15+
}
1116
.navbar-nav .nav-link {
12-
background-color: #bab6b6;
13-
color: rgb(14, 14, 14) !important;
17+
background-color: #ececec;
18+
color: #222 !important;
19+
border-radius: 8px;
20+
padding: 8px 18px;
21+
margin: 4px;
22+
font-weight: 500;
23+
transition: background 0.2s;
24+
}
25+
.navbar-nav .nav-link:hover, .navbar-nav .active .nav-link {
26+
background-color: #cfd8dc;
27+
color: #111 !important;
28+
}
29+
.section-title {
30+
margin: 22px 0 12px 0;
31+
text-align: center;
32+
font-size: 2rem;
33+
color: #3a3a3a;
34+
font-weight: 600;
35+
letter-spacing: 1px;
36+
}
37+
.iframe-container {
38+
background: #fff;
1439
border-radius: 10px;
15-
padding: 5px 10px;
16-
margin: 5px;
40+
box-shadow: 0 2px 12px rgba(0,0,0,0.1);
41+
padding: 18px;
42+
margin-bottom: 32px;
1743
}
18-
19-
.navbar-nav .nav-link:hover {
20-
background-color: #acaca8;
44+
iframe {
45+
border: none;
46+
width: 100%;
47+
height: 540px;
48+
border-radius: 8px;
49+
background: #fcfcfc;
50+
}
51+
@media (max-width: 768px) {
52+
.iframe-container {
53+
padding: 6px;
54+
}
55+
iframe {
56+
height: 420px;
57+
}
58+
.section-title {
59+
font-size: 1.3rem;
60+
}
2161
}
2262
</style>
2363
</head>
24-
2564
<body>
2665
<nav class="navbar navbar-expand-lg navbar-light bg-light">
66+
<a class="navbar-brand font-weight-bold text-primary" href="#">Interview Questions</a>
2767
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
2868
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
2969
<span class="navbar-toggler-icon"></span>
3070
</button>
3171
<div class="collapse navbar-collapse" id="navbarSupportedContent">
3272
<ul class="navbar-nav mr-auto">
33-
<li class="nav-item active"><a class="nav-link" href="./JS/JS.html" target="tag">JavaScript<span
34-
class="sr-only">(current)</span></a></li>
35-
73+
<li class="nav-item"><a class="nav-link" href="./JS/JS.html" target="tag">JavaScript</a></li>
74+
<li class="nav-item"><a class="nav-link" href="./HTML/HTML.html" target="tag">HTML</a></li>
75+
<li class="nav-item"><a class="nav-link" href="./CSS/CSS.html" target="tag">CSS</a></li>
76+
<!-- <li class="nav-item"><a class="nav-link" href="./React/React.html" target="tag">React</a></li>
77+
<li class="nav-item"><a class="nav-link" href="./Node/Node.html" target="tag">Node.js</a></li> -->
78+
<!-- Add more categories if needed -->
3679
</ul>
37-
<!-- <form class="form-inline my-2 my-lg-0">
38-
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
39-
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
40-
</form> -->
80+
<!-- Optional search bar
81+
<form class="form-inline my-2 my-lg-0">
82+
<input class="form-control mr-sm-2" type="search" placeholder="Search Questions" aria-label="Search">
83+
<button class="btn btn-outline-primary my-2 my-sm-0" type="submit">Search</button>
84+
</form>
85+
-->
4186
</div>
4287
</nav>
43-
<section>
44-
<iframe name="tag" style="border-style: none;
45-
width: 100%;
46-
height: 520px;">
47-
</iframe>
48-
</section>
88+
89+
<div class="container">
90+
<div class="section-title">Select a Topic to View Interview Questions</div>
91+
<div class="iframe-container">
92+
<iframe name="tag"></iframe>
93+
</div>
94+
</div>
4995

5096
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
5197
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
@@ -57,5 +103,4 @@
57103
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
58104
crossorigin="anonymous"></script>
59105
</body>
60-
61-
</html>
106+
</html>

0 commit comments

Comments
 (0)