crop_rotate
Run
<!DOCTYPE html> <html> <style> ul { list-style:none; padding:0; float:left; } ul li { float:left; } ul a { border:solid 1px white; padding:8px 16px; display: block; text-decoration: none; background:#ecf0f1; color:black; } ul li a:hover { background:#ced6e0; color:black } .active { background:#007bff; color:white; } </style> <body> <ul> <li><a class="active" href="#default">Home</a></li> <li><a href="#news">News</a></li> <li><a href="#contact">Contact</a></li> <li><a href="#about">About</a></li> </ul> </body> </html>
PCFET0NUWVBFIGh0bWw+DQo8aHRtbD4NCjxzdHlsZT4NCnVsDQp7DQpsaXN0LXN0eWxlOm5vbmU7DQpwYWRkaW5nOjA7DQpmbG9hdDpsZWZ0Ow0KfQ0KDQp1bCBsaQ0Kew0KZmxvYXQ6bGVmdDsNCn0NCg0KdWwgYQ0Kew0KYm9yZGVyOnNvbGlkIDFweCB3aGl0ZTsNCnBhZGRpbmc6OHB4IDE2cHg7DQpkaXNwbGF5OiBibG9jazsNCnRleHQtZGVjb3JhdGlvbjogbm9uZTsNCmJhY2tncm91bmQ6I2VjZjBmMTsNCmNvbG9yOmJsYWNrOw0KfQ0KDQp1bCBsaSBhOmhvdmVyDQp7DQpiYWNrZ3JvdW5kOiNjZWQ2ZTA7DQpjb2xvcjpibGFjaw0KfQ0KDQouYWN0aXZlDQp7DQpiYWNrZ3JvdW5kOiMwMDdiZmY7DQpjb2xvcjp3aGl0ZTsNCn0NCg0KPC9zdHlsZT4NCjxib2R5Pg0KDQo8dWw+DQogIDxsaT48YSBjbGFzcz0iYWN0aXZlIiBocmVmPSIjZGVmYXVsdCI+SG9tZTwvYT48L2xpPg0KICA8bGk+PGEgaHJlZj0iI25ld3MiPk5ld3M8L2E+PC9saT4NCiAgPGxpPjxhIGhyZWY9IiNjb250YWN0Ij5Db250YWN0PC9hPjwvbGk+DQogIDxsaT48YSBocmVmPSIjYWJvdXQiPkFib3V0PC9hPjwvbGk+DQo8L3VsPg0KDQoNCjwvYm9keT4NCjwvaHRtbD4=