Question: Hello can you help me add 3 Javascript or JQuery Dom manipulations to this webpage? They can be anything just 3 of them so i
Hello can you help me add 3 Javascript or JQuery Dom manipulations to this webpage? They can be anything just 3 of them so i can meet the requierments for the assignment
More Information
Some text about who we are and what we do.
Our Team
Link 1
© All Rights Reserved
CSS.doc
body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
max-width: 100%;
overflow-x: hidden;
}
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
.column {
float: left;
width: 33.3%;
margin-bottom: 16px;
padding: 0 8px;
}
.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
margin: 8px;
}
.heading-section {
padding: 50px;
text-align: center;
background-color: #474e5d;
color: white;
}
.container {
padding: 0 16px;
}
.container::after, .row::after {
content: "";
clear: both;
display: table;
}
.title {
color: grey;
}
.navbar-nav li
{
padding: 0px 10px;
}
.navbar-nav {
float: right;
margin: 0;
}
.button {
border: none;
outline: 0;
display: inline-block;
padding: 8px;
color: white;
background-color: #000;
text-align: center;
cursor: pointer;
}
.button:hover {
background-color: #555;
}
.header {
left: 0;
width: 100%;
position: fixed;
background: #E8F1F2;
padding: 10px;
text-align: center;
}
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #0B4F6C;
color: white;
text-align: center;
}
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
/*DOM 1*/
/* Dropdown Button */
.dropbtn {
background-color: #474e5d;
color: white;
padding: 16px;
font-size: 16px;
top: -811px;
border: none;
}
.dropdown {
position: relative;
display: inline-block;
top: -811px;
}
.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;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #0B4F6C;}
/* Social Media */
.icon-bar {
position: fixed;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
/* Style the icon bar links */
.icon-bar a {
display: block;
text-align: center;
padding: 16px;
transition: all 0.3s ease;
color: white;
font-size: 20px;
}
/* Style the social media icons with color, if you want */
.icon-bar a:hover {
background-color: #000;
}
.facebook {
background: #3B5998;
color: white;
}
.twitter {
background: #55ACEE;
color: white;
}
.google {
background: #dd4b39;
color: white;
}
.linkedin {
background: #007bb5;
color: white;
}
.youtube {
background: #bb0000;
color: white;
}
Brand Name Login/Signup About Us Feedback Home Information About Us Hover More Information Some text about who we are and what we do. Our Team f 660 All Rights Reserved
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
Study Help