Professional Documents
Culture Documents
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.
min.css">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-
awesome.min.css">
<script src="https://code.jquery.com/jquery-
3.2.1.slim.min.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.
min.js"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.
js"></script>
<style>
.navigation{
margin:20px;
}
</style>
</head>
<body>
<div class="one">
<div class="container mt-5">
<div clas="accordian" id="example">
<div class="card">
<div class="card-header" id="headingone">
<h2 class="mb-0">
<button type="button" class="btn
btn-link" data-toggle="collapse" data-target="#two">1.What is HTML?
</button>
</h2
Shriya Reddy Ponnala (to Everyone): 09:36: sir can i share my screen
Gaurav Gandhi (to Everyone): 09:36: OK
Vengala Anvesh (to Everyone): 09:37: <html>
<head>
<style>
.dropdown {
position: relative;
display: inline-block;
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
z-index: 1;
.dropdown:hover .dropdown-content {
display: block;
</style>
</head>
<body>
<div class="dropdown">
<p>Hello World!</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
z-index: 1;
.dropdown:hover .dropdown-content {
display: block;
</style>
</head>
<body>
<div class="dropdown">
<button type="button">Mouse over me</button>
<div class="dropdown-content">
<p>Hello World!</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
z-index: 1;
.dropdown:hover .dropdown-content {
display: block;
</style>
</head>
<body>
<div class="dropdown">
<div class="dropdown-content">
<p>Hello World!</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
z-index: 1;
.dropdown:hover .dropdown-content {
display: block;
</style>
</head>
<body>
<div class="dropdown">
<div class="dropdown-content">
<p>Hello World!</p>
</div>
</div>
</body>
</html>
Shriya Reddy Ponnala (to Everyone): 09:38: sir i am not able share the
screen
Nayakapu Sharath (to Everyone): 09:38: <style>
.dropbtn {
background-color:grey;
color: white;
padding: 16px;
font-size: 16px;
border: none;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {background-color: #ddd;}
</style>
</head>
<body>
<div class="dropdown">
<button class="dropbtn">Menu</button>
<div class="dropdown-content">
<a href="#">Home</a>
<a href="#">Contact</a>
<a href="#">Help</a>
</div>
</div>
</body>
</html>
chavali saicharan (to Everyone): 09:42: ok sir
chavali saicharan (to Everyone): 09:44: question sir
chavali saicharan (to Everyone): 09:44: voice is strucking sir
Gaurav Gandhi (to Everyone): 09:44: 5- Design a model poup for taking
class enquiary
}
nav a:hover{
color:white;
}
aside{
padding:30px 20px;
width:200px;
height:300px;
border:2px solid lightgrey;
background-color:grey;
color:white;
margin-top:0px;
}
aside,section{
float:left;
}
footer{
width:100%;
text-align:center;
padding:18px;
margin:402px;
background-color:lightgrey;
color:white;
font-weight:bold;
font:20px Arial;
margin-left:0px;
}
section{
padding:50px 30px;
width:76.5%;
height:260px;
border:2px solid lightgrey;
background-color:grey;
color:white;
}
</style>
</head>
Shriya Reddy Ponnala (to Everyone): 09:46: sir i am unable to share th
entire code
Shriya Reddy Ponnala (to Everyone): 09:46: yes sir
Shriya Reddy Ponnala (to Everyone): 09:46: yes sir i am done with the
code
Rajkumar Pallela (to Everyone): 09:57: sir i have done the fixed side nav
bar. but my mic is not working for code explanation.
GADDE ANITHA (to Everyone): 09:58: Sir, i done popup code
GADDE ANITHA (to Everyone): 09:58: <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">
<title>Bootstrap 4 Modal</title>
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap
.min.css">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.mi
n.js"></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.mi
n.js"></script>
<script>
$(document).ready(function(){
$("#myModal").modal('show');
});
</script>
<style>
.bs-example{
margin: 20px;
}
</style>
</head>
<body>
<div class="bs-example">
<div id="myModal" class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Confirmation</h5>
<button type="button" class="close" data
Shriya Reddy Ponnala (to Everyone): 10:12: sir can i share the code for
modal popup
Anirudh Vancha (to Everyone): 10:12: sir give me one minute
Anirudh Vancha (to Everyone): 10:13: yes sir
Shriya Reddy Ponnala (to Everyone): 10:14: sir can i share my code for
modal popup
Shriya Reddy Ponnala (to Everyone): 10:18: okay sir
Anirudh Vancha (to Everyone): 10:18: yes sir
Anirudh Vancha (to Everyone): 10:19: sir am in audible
Mahesh Alladi (to Everyone): 10:20: no bro
Anirudh Vancha (to Everyone): 10:21: iam not getting any voice
Anirudh Vancha (to Everyone): 10:21: Iam ready sir
Shriya Reddy Ponnala (to Everyone): 10:21: okay sir
Anirudh Vancha (to Everyone): 10:22: ok sir will check again
Anirudh Vancha (to Everyone): 10:27: sir iam ready
Anirudh Vancha (to Everyone): 10:30: iam trying but i think my
microphone is not working
Anirudh Vancha (to Everyone): 10:30: but you can see my scren
Anirudh Vancha (to Everyone): 10:33: yes sir but iam facing problems
Anirudh Vancha (to Everyone): 10:33: can i share my code ?
Shriya Reddy Ponnala (to Everyone): 10:39: yes sir
Rajkumar Pallela (to Everyone): 10:39: yes sir
Vedasree Thatha (to Everyone): 10:39: yes sir
Sailaxmi Pinnamshetty (to Everyone): 10:39: yes sir
Rishikesh Kaparthi (to Everyone): 10:39: yes sir
Nayakapu Sharath (to Everyone): 10:40: yes sir
pavan barma (to Everyone): 10:40: yes sir
CHANDRA SEKHAR RAVELLA (to Everyone): 10:40: clear sir
Vankudoth Mahesh (to Everyone): 10:40: yes sir
Avinash Sanaka (to Everyone): 10:40: yes sir
Kolati Ravali (to Everyone): 10:40: yes sir
Supriya Nagulapalli (to Everyone): 10:40: yes sir
Mahesh Alladi (to Everyone): 10:40: yes sir clear
Mounika B.L.C (to Everyone): 10:40: yes sir its clear
GADDE ANITHA (to Everyone): 10:40: clear sir
SUDABATTULA BHAVANA LALITHA (to Everyone): 10:40: clear sir
Muthyala Manaswini (to Everyone): 10:40: yes sir
aswini konagalla (to Everyone): 10:40: yes sir
GADDE ANITHA (to Everyone): 10:41: ok sir
Shriya Reddy Ponnala (to Everyone): 10:41: okay sir
Rajesh Ainala (to Everyone): 10:41: okey sir
Rajkumar Pallela (to Everyone): 10:42: ok sir
Priyanka Yaparla (to Everyone): 10:42: thank you sir
SUDABATTULA BHAVANA LALITHA (to Everyone): 10:42: Thank you
sir