<!DOCTYPE html>

<html lang="en">


    <meta charset="UTF-">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <link rel="stylesheet" href="nav.css"/>
    <title>Responsive Animated Navbar</title>




        <div class="logo">

            <img src="logo.svg" alt="Logo Image">


        <div class="hamburger">

            <div class="line1"></div>

            <div class="line2"></div>

            <div class="line3"></div>


        <ul class="nav-links">

            <li><a href="#">Home</a></li>

            <li><a href="#">Solutions</a></li>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter