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; text-align:center; } 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+DQo8aHRtbD4NCjxzdHlsZT4NCnVsDQp7DQpsaXN0LXN0eWxlOm5vbmU7DQpwYWRkaW5nOjA7DQpmbG9hdDpsZWZ0Ow0KfQ0KDQp1bCBsaQ0Kew0KZmxvYXQ6bGVmdDsNCn0NCg0KDQp1bCBhDQp7DQpib3JkZXI6c29saWQgMXB4IHdoaXRlOw0KcGFkZGluZzo4cHggMTZweDsNCmRpc3BsYXk6IGJsb2NrOw0KdGV4dC1kZWNvcmF0aW9uOiBub25lOw0KYmFja2dyb3VuZDojZWNmMGYxOw0KY29sb3I6YmxhY2s7DQp0ZXh0LWFsaWduOmNlbnRlcjsNCn0NCg0KdWwgbGkgYTpob3Zlcg0Kew0KYmFja2dyb3VuZDojY2VkNmUwOw0KY29sb3I6YmxhY2sNCn0NCg0KLmFjdGl2ZQ0Kew0KYmFja2dyb3VuZDojMDA3YmZmOw0KY29sb3I6d2hpdGU7DQp9DQoNCjwvc3R5bGU+DQo8Ym9keT4NCg0KPHVsPg0KICA8bGk+PGEgY2xhc3M9ImFjdGl2ZSIgaHJlZj0iI2RlZmF1bHQiPkhvbWU8L2E+PC9saT4NCiAgPGxpPjxhIGhyZWY9IiNuZXdzIj5OZXdzPC9hPjwvbGk+DQogIDxsaT48YSBocmVmPSIjY29udGFjdCI+Q29udGFjdDwvYT48L2xpPg0KICA8bGk+PGEgaHJlZj0iI2Fib3V0Ij5BYm91dDwvYT48L2xpPg0KPC91bD4NCg0KDQo8L2JvZHk+DQo8L2h0bWw+