diff --git a/Easy/Regen_Task2/Output/2025-05-03 20-59-21.mp4 b/Easy/Regen_Task2/Output/2025-05-03 20-59-21.mp4 new file mode 100644 index 0000000..12fa543 Binary files /dev/null and b/Easy/Regen_Task2/Output/2025-05-03 20-59-21.mp4 differ diff --git a/Easy/Regen_Task2/Output/Screenshot 2025-05-03 205840.png b/Easy/Regen_Task2/Output/Screenshot 2025-05-03 205840.png new file mode 100644 index 0000000..aa851ad Binary files /dev/null and b/Easy/Regen_Task2/Output/Screenshot 2025-05-03 205840.png differ diff --git a/Easy/Regen_Task2/Style.css b/Easy/Regen_Task2/Style.css new file mode 100644 index 0000000..a1627c1 --- /dev/null +++ b/Easy/Regen_Task2/Style.css @@ -0,0 +1,91 @@ +* { + font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; + +} + +body { + background-color: #F6D8AE; +} +header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 20px; + background-color: #2E4057; + height: 100px; + max-width: 100%; + box-sizing: border-box; +} + + +.logo { + width:300px; + background-color: #2E4057; +} +.logo h1 { + color: white; + background-color: #2E4057; +} + +nav { + display: flex; + color:black; + background-color: #2E4057; + justify-content: space-between; + gap: 20px; + margin-right: 80px; +} + +.dropdown { + background-color: #2E4057; + position: relative; + display: inline-block; +} + +.dropbtn { + background-color: #95B8D1; + font-size:large; + color: black; + height: 57px; + padding: 10px 20px; + border-color: azure; + border-radius: 7px; + cursor: pointer; +} + +.dropdown_content { + display: none; + position: absolute; + background-color: #95B8D1; + min-width: 160px; + box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2); + z-index: 10; +} + +.dropdown_content a { + color: black; + padding: 12px 16px; + text-decoration: none; + display: block; +} + +.dropdown_content a:hover { + background-color: #68869b; +} + +.dropdown:hover .dropdown_content { + display: block; +} + +.dropdown:hover .dropbtn { + background-color: #68869b; +} + +@media (max-width: 768px) { + .dropbtn { + padding: 10px 15px; + } + .dropdown_content { + min-width: 140px; + } +} diff --git a/Easy/Regen_Task2/index.html b/Easy/Regen_Task2/index.html new file mode 100644 index 0000000..a889fd2 --- /dev/null +++ b/Easy/Regen_Task2/index.html @@ -0,0 +1,41 @@ + + + + + + + Regen's Navigation Bar + + +
+ + +
+ +