Preview:
<!DOCTYPE html>

<html lang="en">

<head>

    <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"/>
8
    <title>Responsive Animated Navbar</title>

</head>

<body>

    <nav>

        <div class="logo">

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

        </div>

        <div class="hamburger">

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

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

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

        </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