<div class="navbar"><a class="navbar-brand">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 960 220" style="width: calc(102.85714px + 5.35714vw); height: calc(26.14286px + 1.20536vw);" class="icon">
<path d="M404.36 115.76a26.82 26.82 0 0 0-9.77-8.47l-.76-.39.71-.47a27 27 0 0 0 7.64-7.58 29.2 29.2 0 0 0 4.76-16 33.9 33.9 0 0 0-3.27-15.25 29.25 29.25 0 0 0-9.26-10.8 41.56 41.56 0 0 0-14.13-6.23 75.19 75.19 0 0 0-17.86-2H321v121.3h44.81a66.11 66.11 0 0 0 17.9-2.25 38.56 38.56 0 0 0 13.88-6.93 31.25 31.25 0 0 0 8.93-11.61 38.39 38.39 0 0 0 3.08-15.79 33.5 33.5 0 0 0-1.26-9.19 26.7 26.7 0 0 0-3.98-8.34zm-56-43.91h14.14c5.76 0 10.17 1.11 13.1 3.17 2.67 1.89 4 5 4 9.65 0 4.19-1.39 7.24-4.13 9.32s-7.2 3.36-12.86 3.42h-14.22zm29.81 71.08c-2.75 2.51-6.9 3.81-12.34 3.87h-17.44v-28.22h18.41c5.39 0 9.36 1.32 11.81 3.81s3.65 6 3.61 10.73a12.62 12.62 0 0 1-4.02 9.81zM500.66 157.74a60.56 60.56 0 0 1-.84-11v-37.11a32.61 32.61 0 0 0-3-14.32A28.55 28.55 0 0 0 488.31 85a37.37 37.37 0 0 0-12.5-6.09 55.5 55.5 0 0 0-15.22-2 52.51 52.51 0 0 0-16.2 2.32 37.75 37.75 0 0 0-12.18 6.37 27.9 27.9 0 0 0-7.78 9.54 25.89 25.89 0 0 0-2.7 11.55v2.48h27.13v-2.48a7.77 7.77 0 0 1 2.33-6c1.58-1.48 4.33-2.24 8.19-2.24 4.47 0 7.86 1 10.07 3a10.12 10.12 0 0 1 3.25 8v2.63h-9.89c-13.91 0-24.61 2.67-31.82 7.95-7.42 5.47-11.18 13.26-11.18 23.14a26.54 26.54 0 0 0 2.47 11.38 27 27 0 0 0 6.86 9 31.16 31.16 0 0 0 10.33 5.81 39.63 39.63 0 0 0 13 2.06 38.71 38.71 0 0 0 8.1-.82 34.47 34.47 0 0 0 6.91-2.25 30.65 30.65 0 0 0 5.73-3.33l.69-.51.58-.44.2.7a21.53 21.53 0 0 0 1.41 3.68l.69 1.38h26.49v-4.43l-.27-.55a27.1 27.1 0 0 1-2.34-7.11zM472.71 142l-.08.13a14.21 14.21 0 0 1-1.8 2.13 16.81 16.81 0 0 1-3.47 2.51 21.29 21.29 0 0 1-4.65 1.86 20.15 20.15 0 0 1-5.55.71c-3.6 0-6.24-.78-7.84-2.3a7.13 7.13 0 0 1-2.37-5.61 11 11 0 0 1 .91-4.48 8.67 8.67 0 0 1 2.67-3.35 14.58 14.58 0 0 1 5.12-2.37 32 32 0 0 1 8.2-.91h8.86zM565.36 78.46h-52.5v23.09h24.56v45.32h-24.56v23.01h75.28v-23.01h-22.78V78.46zM537.42 48.45h27.94v19.91h-27.94zM678.71 157.74a61 61 0 0 1-.82-11v-37.11a32.33 32.33 0 0 0-3.05-14.32A28.53 28.53 0 0 0 666.39 85a37.49 37.49 0 0 0-12.5-6.09 55.77 55.77 0 0 0-15.24-2 52.27 52.27 0 0 0-16.18 2.32 38.09 38.09 0 0 0-12.2 6.38 28.06 28.06 0 0 0-7.75 9.54 25.89 25.89 0 0 0-2.7 11.55v2.48h27.11v-2.48a7.77 7.77 0 0 1 2.33-6c1.58-1.48 4.34-2.24 8.21-2.24 4.45 0 7.84 1 10.07 3a10.17 10.17 0 0 1 3.25 8v2.63h-9.91c-13.92 0-24.61 2.67-31.8 7.95-7.42 5.46-11.18 13.25-11.18 23.15a26.27 26.27 0 0 0 2.47 11.38 26.92 26.92 0 0 0 6.84 9 31.3 31.3 0 0 0 10.33 5.81 39.63 39.63 0 0 0 13 2.06 38.45 38.45 0 0 0 8.1-.82 35.14 35.14 0 0 0 6.93-2.25 31.17 31.17 0 0 0 5.73-3.33l.69-.51.58-.44.2.7a20.35 20.35 0 0 0 1.41 3.66l.67 1.39h26.51v-4.43l-.27-.55a27 27 0 0 1-2.38-7.12zM650.78 142l-.09.13a14 14 0 0 1-1.82 2.14 16.09 16.09 0 0 1-3.44 2.51 22.06 22.06 0 0 1-4.65 1.86 20.33 20.33 0 0 1-5.55.71c-3.6 0-6.24-.77-7.85-2.3a7.27 7.27 0 0 1-2.37-5.61 11 11 0 0 1 .91-4.48 8.56 8.56 0 0 1 2.69-3.35 14.48 14.48 0 0 1 5.12-2.37 31.76 31.76 0 0 1 8.2-.91h8.86zM764.91 85.68a26 26 0 0 0-10.35-6.75 38.31 38.31 0 0 0-12.78-2.06 33.1 33.1 0 0 0-15.84 3.85 34.51 34.51 0 0 0-7.55 5.5l-.72.69-1-8.45h-24.73v91.4h27.19v-63.18l.09-.13a15.53 15.53 0 0 1 5.12-4.72 16.82 16.82 0 0 1 8.43-2 26 26 0 0 1 6.26.68 9.58 9.58 0 0 1 4.15 2.13 9.85 9.85 0 0 1 2.62 4.19 23.78 23.78 0 0 1 1 7.62v55.37h27.11v-55.64a53.81 53.81 0 0 0-2.32-16.8 31.27 31.27 0 0 0-6.68-11.7zM864.79 157.74a60.6 60.6 0 0 1-.84-11v-37.11a32.59 32.59 0 0 0-3-14.32A28.54 28.54 0 0 0 852.44 85 37.44 37.44 0 0 0 840 78.88a55.77 55.77 0 0 0-15.24-2 52.51 52.51 0 0 0-16.2 2.32 37.74 37.74 0 0 0-12.18 6.37 27.91 27.91 0 0 0-7.78 9.54 26.12 26.12 0 0 0-2.68 11.55v2.48H813v-2.48a7.77 7.77 0 0 1 2.33-6c1.58-1.48 4.33-2.24 8.19-2.24 4.46 0 7.86 1 10.09 3a10.16 10.16 0 0 1 3.23 8v2.63H827c-13.92 0-24.61 2.67-31.8 7.95-7.42 5.46-11.18 13.25-11.18 23.15a26.54 26.54 0 0 0 2.45 11.38 27 27 0 0 0 6.86 9 31.16 31.16 0 0 0 10.33 5.81 39.63 39.63 0 0 0 13 2.06 38.71 38.71 0 0 0 8.1-.82 34.48 34.48 0 0 0 6.91-2.25 31.61 31.61 0 0 0 5.76-3.34l.67-.51.58-.45.2.71a20.34 20.34 0 0 0 1.39 3.68l.69 1.38h26.49v-4.43l-.27-.55a27.1 27.1 0 0 1-2.39-7.08zm-28-15.73l-.08.13a14.19 14.19 0 0 1-1.8 2.13 16.7 16.7 0 0 1-3.45 2.51 22.12 22.12 0 0 1-4.65 1.86 20.41 20.41 0 0 1-5.57.71c-3.6 0-6.24-.77-7.83-2.3a7.27 7.27 0 0 1-2.37-5.61 11 11 0 0 1 .91-4.49 8.65 8.65 0 0 1 2.67-3.35 14.82 14.82 0 0 1 5.12-2.37 32.11 32.11 0 0 1 8.22-.91h8.84zM957.23 145.36l-2.69.71c-.94.25-2.11.51-3.46.76s-2.84.5-4.45.74-3.26.43-5 .58-3.37.23-5 .23a20.94 20.94 0 0 1-5.67-.71 8.9 8.9 0 0 1-3.8-2.1 9.75 9.75 0 0 1-2.42-4 22.37 22.37 0 0 1-.94-7.07V99.8H956V78.47h-32.18V57.29h-27.11v21.18H877V99.8h19.7v36.84a45.46 45.46 0 0 0 2.38 15.51 28.73 28.73 0 0 0 6.95 11 27.8 27.8 0 0 0 10.84 6.4 44.19 44.19 0 0 0 13.64 2c2.51 0 5.09-.13 7.69-.37s5.09-.59 7.51-1a54.76 54.76 0 0 0 6.93-1.72 29.61 29.61 0 0 0 5.92-2.58L960 165zM151.1 134.39H0v31.85h151.1v8.96h106.32v-31.85H151.1v-8.96zM151.1 179.19H29.81v31.85H151.1V220h61.6v-31.85h-61.6v-8.96zM151.1 40.81h61.6V8.96h-61.6V0H29.81v31.86H151.1v8.95zM151.1 85.61h61.6V53.76h-61.6V44.8H14.9v31.85h136.2v8.96zM225.62 53.76h31.8v31.86h-31.8zM212.7 130.41V98.55h-61.6v-8.96H29.81v31.86H151.1v8.96h61.6z"></path>
</svg></a>
<div class="navbar-start"><a class="navbar-item">Home</a><a class="navbar-item">About</a><a class="navbar-item">Company</a><a class="navbar-item">More</a></div>
<div class="navbar-end"><a class="navbar-item">
<svg viewbox="0 0 24 24" class="icon">
<path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path>
</svg></a><a class="navbar-item">
<svg viewbox="0 0 24 24" class="icon">
<path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"></path>
</svg></a></div>
</div>.navbar
a.navbar-brand
svg.icon(version='1.1', xmlns='http://www.w3.org/2000/svg', viewbox='0 0 960 220' style="width: calc(102.85714px + 5.35714vw); height: calc(26.14286px + 1.20536vw);")
path(d='M404.36 115.76a26.82 26.82 0 0 0-9.77-8.47l-.76-.39.71-.47a27 27 0 0 0 7.64-7.58 29.2 29.2 0 0 0 4.76-16 33.9 33.9 0 0 0-3.27-15.25 29.25 29.25 0 0 0-9.26-10.8 41.56 41.56 0 0 0-14.13-6.23 75.19 75.19 0 0 0-17.86-2H321v121.3h44.81a66.11 66.11 0 0 0 17.9-2.25 38.56 38.56 0 0 0 13.88-6.93 31.25 31.25 0 0 0 8.93-11.61 38.39 38.39 0 0 0 3.08-15.79 33.5 33.5 0 0 0-1.26-9.19 26.7 26.7 0 0 0-3.98-8.34zm-56-43.91h14.14c5.76 0 10.17 1.11 13.1 3.17 2.67 1.89 4 5 4 9.65 0 4.19-1.39 7.24-4.13 9.32s-7.2 3.36-12.86 3.42h-14.22zm29.81 71.08c-2.75 2.51-6.9 3.81-12.34 3.87h-17.44v-28.22h18.41c5.39 0 9.36 1.32 11.81 3.81s3.65 6 3.61 10.73a12.62 12.62 0 0 1-4.02 9.81zM500.66 157.74a60.56 60.56 0 0 1-.84-11v-37.11a32.61 32.61 0 0 0-3-14.32A28.55 28.55 0 0 0 488.31 85a37.37 37.37 0 0 0-12.5-6.09 55.5 55.5 0 0 0-15.22-2 52.51 52.51 0 0 0-16.2 2.32 37.75 37.75 0 0 0-12.18 6.37 27.9 27.9 0 0 0-7.78 9.54 25.89 25.89 0 0 0-2.7 11.55v2.48h27.13v-2.48a7.77 7.77 0 0 1 2.33-6c1.58-1.48 4.33-2.24 8.19-2.24 4.47 0 7.86 1 10.07 3a10.12 10.12 0 0 1 3.25 8v2.63h-9.89c-13.91 0-24.61 2.67-31.82 7.95-7.42 5.47-11.18 13.26-11.18 23.14a26.54 26.54 0 0 0 2.47 11.38 27 27 0 0 0 6.86 9 31.16 31.16 0 0 0 10.33 5.81 39.63 39.63 0 0 0 13 2.06 38.71 38.71 0 0 0 8.1-.82 34.47 34.47 0 0 0 6.91-2.25 30.65 30.65 0 0 0 5.73-3.33l.69-.51.58-.44.2.7a21.53 21.53 0 0 0 1.41 3.68l.69 1.38h26.49v-4.43l-.27-.55a27.1 27.1 0 0 1-2.34-7.11zM472.71 142l-.08.13a14.21 14.21 0 0 1-1.8 2.13 16.81 16.81 0 0 1-3.47 2.51 21.29 21.29 0 0 1-4.65 1.86 20.15 20.15 0 0 1-5.55.71c-3.6 0-6.24-.78-7.84-2.3a7.13 7.13 0 0 1-2.37-5.61 11 11 0 0 1 .91-4.48 8.67 8.67 0 0 1 2.67-3.35 14.58 14.58 0 0 1 5.12-2.37 32 32 0 0 1 8.2-.91h8.86zM565.36 78.46h-52.5v23.09h24.56v45.32h-24.56v23.01h75.28v-23.01h-22.78V78.46zM537.42 48.45h27.94v19.91h-27.94zM678.71 157.74a61 61 0 0 1-.82-11v-37.11a32.33 32.33 0 0 0-3.05-14.32A28.53 28.53 0 0 0 666.39 85a37.49 37.49 0 0 0-12.5-6.09 55.77 55.77 0 0 0-15.24-2 52.27 52.27 0 0 0-16.18 2.32 38.09 38.09 0 0 0-12.2 6.38 28.06 28.06 0 0 0-7.75 9.54 25.89 25.89 0 0 0-2.7 11.55v2.48h27.11v-2.48a7.77 7.77 0 0 1 2.33-6c1.58-1.48 4.34-2.24 8.21-2.24 4.45 0 7.84 1 10.07 3a10.17 10.17 0 0 1 3.25 8v2.63h-9.91c-13.92 0-24.61 2.67-31.8 7.95-7.42 5.46-11.18 13.25-11.18 23.15a26.27 26.27 0 0 0 2.47 11.38 26.92 26.92 0 0 0 6.84 9 31.3 31.3 0 0 0 10.33 5.81 39.63 39.63 0 0 0 13 2.06 38.45 38.45 0 0 0 8.1-.82 35.14 35.14 0 0 0 6.93-2.25 31.17 31.17 0 0 0 5.73-3.33l.69-.51.58-.44.2.7a20.35 20.35 0 0 0 1.41 3.66l.67 1.39h26.51v-4.43l-.27-.55a27 27 0 0 1-2.38-7.12zM650.78 142l-.09.13a14 14 0 0 1-1.82 2.14 16.09 16.09 0 0 1-3.44 2.51 22.06 22.06 0 0 1-4.65 1.86 20.33 20.33 0 0 1-5.55.71c-3.6 0-6.24-.77-7.85-2.3a7.27 7.27 0 0 1-2.37-5.61 11 11 0 0 1 .91-4.48 8.56 8.56 0 0 1 2.69-3.35 14.48 14.48 0 0 1 5.12-2.37 31.76 31.76 0 0 1 8.2-.91h8.86zM764.91 85.68a26 26 0 0 0-10.35-6.75 38.31 38.31 0 0 0-12.78-2.06 33.1 33.1 0 0 0-15.84 3.85 34.51 34.51 0 0 0-7.55 5.5l-.72.69-1-8.45h-24.73v91.4h27.19v-63.18l.09-.13a15.53 15.53 0 0 1 5.12-4.72 16.82 16.82 0 0 1 8.43-2 26 26 0 0 1 6.26.68 9.58 9.58 0 0 1 4.15 2.13 9.85 9.85 0 0 1 2.62 4.19 23.78 23.78 0 0 1 1 7.62v55.37h27.11v-55.64a53.81 53.81 0 0 0-2.32-16.8 31.27 31.27 0 0 0-6.68-11.7zM864.79 157.74a60.6 60.6 0 0 1-.84-11v-37.11a32.59 32.59 0 0 0-3-14.32A28.54 28.54 0 0 0 852.44 85 37.44 37.44 0 0 0 840 78.88a55.77 55.77 0 0 0-15.24-2 52.51 52.51 0 0 0-16.2 2.32 37.74 37.74 0 0 0-12.18 6.37 27.91 27.91 0 0 0-7.78 9.54 26.12 26.12 0 0 0-2.68 11.55v2.48H813v-2.48a7.77 7.77 0 0 1 2.33-6c1.58-1.48 4.33-2.24 8.19-2.24 4.46 0 7.86 1 10.09 3a10.16 10.16 0 0 1 3.23 8v2.63H827c-13.92 0-24.61 2.67-31.8 7.95-7.42 5.46-11.18 13.25-11.18 23.15a26.54 26.54 0 0 0 2.45 11.38 27 27 0 0 0 6.86 9 31.16 31.16 0 0 0 10.33 5.81 39.63 39.63 0 0 0 13 2.06 38.71 38.71 0 0 0 8.1-.82 34.48 34.48 0 0 0 6.91-2.25 31.61 31.61 0 0 0 5.76-3.34l.67-.51.58-.45.2.71a20.34 20.34 0 0 0 1.39 3.68l.69 1.38h26.49v-4.43l-.27-.55a27.1 27.1 0 0 1-2.39-7.08zm-28-15.73l-.08.13a14.19 14.19 0 0 1-1.8 2.13 16.7 16.7 0 0 1-3.45 2.51 22.12 22.12 0 0 1-4.65 1.86 20.41 20.41 0 0 1-5.57.71c-3.6 0-6.24-.77-7.83-2.3a7.27 7.27 0 0 1-2.37-5.61 11 11 0 0 1 .91-4.49 8.65 8.65 0 0 1 2.67-3.35 14.82 14.82 0 0 1 5.12-2.37 32.11 32.11 0 0 1 8.22-.91h8.84zM957.23 145.36l-2.69.71c-.94.25-2.11.51-3.46.76s-2.84.5-4.45.74-3.26.43-5 .58-3.37.23-5 .23a20.94 20.94 0 0 1-5.67-.71 8.9 8.9 0 0 1-3.8-2.1 9.75 9.75 0 0 1-2.42-4 22.37 22.37 0 0 1-.94-7.07V99.8H956V78.47h-32.18V57.29h-27.11v21.18H877V99.8h19.7v36.84a45.46 45.46 0 0 0 2.38 15.51 28.73 28.73 0 0 0 6.95 11 27.8 27.8 0 0 0 10.84 6.4 44.19 44.19 0 0 0 13.64 2c2.51 0 5.09-.13 7.69-.37s5.09-.59 7.51-1a54.76 54.76 0 0 0 6.93-1.72 29.61 29.61 0 0 0 5.92-2.58L960 165zM151.1 134.39H0v31.85h151.1v8.96h106.32v-31.85H151.1v-8.96zM151.1 179.19H29.81v31.85H151.1V220h61.6v-31.85h-61.6v-8.96zM151.1 40.81h61.6V8.96h-61.6V0H29.81v31.86H151.1v8.95zM151.1 85.61h61.6V53.76h-61.6V44.8H14.9v31.85h136.2v8.96zM225.62 53.76h31.8v31.86h-31.8zM212.7 130.41V98.55h-61.6v-8.96H29.81v31.86H151.1v8.96h61.6z')
.navbar-start
a.navbar-item Home
a.navbar-item About
a.navbar-item Company
a.navbar-item More
.navbar-end
a.navbar-item
svg.icon(viewbox='0 0 24 24')
path(d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z')
a.navbar-item
svg.icon(viewbox='0 0 24 24')
path(d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z')| Modifier | Description | Class |
|---|---|---|
| inverse | reverses navbar background and text color you can add .is-whtie class to the navbar-brand to change it's colors to white | .is-inverse |
| hidden | hides the navbar by moving it up above and out of the viewport it's usually used with a fixed navbar | .is-hidden |
| fixed | makes navbar fixed to the top | .is-fixed |