|
|
| Line 156: |
Line 156: |
| | | | |
| | | | |
| − | #mySidenav a {
| |
| − | position: absolute;
| |
| − | left: -80px;
| |
| − | transition: 0.3s;
| |
| − | padding: 15px;
| |
| − | width: 100px;
| |
| − | text-decoration: none;
| |
| − | font-size: 20px;
| |
| − | color: white;
| |
| − | border-radius: 0 5px 5px 0;
| |
| − | }
| |
| − |
| |
| − | #mySidenav a:hover {
| |
| − | left: 0;
| |
| − | }
| |
| − |
| |
| − | #about {
| |
| − | top: 20px;
| |
| − | background-color: #4CAF50;
| |
| − | }
| |
| − |
| |
| − | #blog {
| |
| − | top: 80px;
| |
| − | background-color: #2196F3;
| |
| − | }
| |
| − |
| |
| − | #projects {
| |
| − | top: 140px;
| |
| − | background-color: #f44336;
| |
| − | }
| |
| − |
| |
| − | #contact {
| |
| − | top: 200px;
| |
| − | background-color: #555
| |
| − | }
| |
| | | | |
| | </style> | | </style> |
| Line 211: |
Line 176: |
| | </ul> | | </ul> |
| | | | |
| − | <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>
| + | |
| | | | |
| | </html> | | </html> |
