Med hub: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 74: | Line 74: | ||
==Experimentation== | ==Experimentation== | ||
{{Drop down list|Name=Resources|Value1=Cardiology|Value2=Endocrinology|Value3=Pulmonology}} | {{Drop down list|Name=Resources|Value1=Cardiology|Value2=Endocrinology|Value3=Pulmonology}} | ||
==Nate Test== | |||
<!DOCTYPE html> | |||
<html> | |||
<head> | |||
<meta name="viewport" content="width=device-width, initial-scale=1"> | |||
<style> | |||
.dropbtn { | |||
background-color: #4CAF50; | |||
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} | |||
.dropdown:hover .dropdown-content { | |||
display: block; | |||
} | |||
.dropdown:hover .dropbtn { | |||
background-color: #3e8e41; | |||
} | |||
</style> | |||
</head> | |||
<body> | |||
<h2>Hoverable Dropdown</h2> | |||
<p>Move the mouse over the button to open the dropdown menu.</p> | |||
<div class="dropdown"> | |||
<button class="dropbtn">Dropdown</button> | |||
<div class="dropdown-content"> | |||
<a href="#">Link 1</a> | |||
<a href="#">Link 2</a> | |||
<a href="#">Link 3</a> | |||
</div> | |||
</div> | |||
</body> | |||
</html> | |||
Revision as of 13:20, 11 May 2018
Beth Israel Deaconess Medical Center
Template:Collapse top Sample contents text Template:Collapse bottom
Overview
- BIDMC is the official hospital of the Red Sox. It is located in Boston, MA.
Resources
| Curriculum |
Events
| Events |
Experimentation
Resources Cardiology |
|---|
Nate Test
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .dropbtn {
background-color: #4CAF50; 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}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown:hover .dropbtn {
background-color: #3e8e41;
} </style> </head> <body>
Hoverable Dropdown
Move the mouse over the button to open the dropdown menu.
<button class="dropbtn">Dropdown</button>
<a href="#">Link 1</a> <a href="#">Link 2</a> <a href="#">Link 3</a>
</body> </html>