-
Notifications
You must be signed in to change notification settings - Fork 0
/
navigation.php
26 lines (26 loc) · 5.08 KB
/
navigation.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<div class="nav_mobile_background" onclick="navMenuFadeout()"></div>
<section class="nav_section box_shadow">
<nav>
<svg width="152" height="42" viewBox="0 0 228 60" fill="none">
<rect x="6.58" y="29.6985" width="34" height="34" rx="8" transform="rotate(-45 6.58 29.6985)" stroke="var(--blue)" stroke-width="8"/>
<rect x="25" y="24.0058" width="12" height="12" rx="6" fill="var(--blue)"/>
<path d="M85.7656 43.7695C83.5508 44.918 80.7959 45.4922 77.501 45.4922C73.2354 45.4922 69.8174 44.1455 67.2471 41.4521C64.6768 38.7588 63.3916 35.2246 63.3916 30.8496C63.3916 26.1465 64.834 22.3457 67.7188 19.4473C70.6172 16.5488 74.2744 15.0996 78.6904 15.0996C81.5342 15.0996 83.8926 15.5029 85.7656 16.3096V21.1494C83.7832 19.9736 81.5957 19.3857 79.2031 19.3857C76.0176 19.3857 73.4336 20.4043 71.4512 22.4414C69.4824 24.4785 68.498 27.1992 68.498 30.6035C68.498 33.8438 69.4209 36.4277 71.2666 38.3555C73.1123 40.2695 75.5391 41.2266 78.5469 41.2266C81.3223 41.2266 83.7285 40.5703 85.7656 39.2578V43.7695ZM102.992 28.5322C102.418 28.0811 101.591 27.8555 100.511 27.8555C99.1025 27.8555 97.9268 28.4912 96.9834 29.7627C96.04 31.0342 95.5684 32.7637 95.5684 34.9512V45H90.8105V24H95.5684V28.3271H95.6504C96.1152 26.8506 96.8262 25.7021 97.7832 24.8818C98.7539 24.0479 99.834 23.6309 101.023 23.6309C101.885 23.6309 102.541 23.7607 102.992 24.0205V28.5322ZM124.669 45H119.911V41.6777H119.829C118.448 44.2207 116.302 45.4922 113.39 45.4922C108.427 45.4922 105.945 42.5117 105.945 36.5508V24H110.703V36.0586C110.703 39.832 112.159 41.7188 115.071 41.7188C116.479 41.7188 117.635 41.1992 118.537 40.1602C119.453 39.1211 119.911 37.7607 119.911 36.0791V24H124.669V45ZM149.976 45H145.218V41.4316H145.136C143.604 44.1387 141.246 45.4922 138.061 45.4922C135.477 45.4922 133.405 44.5557 131.847 42.6826C130.302 40.7959 129.529 38.2324 129.529 34.9922C129.529 31.5195 130.384 28.7373 132.093 26.6455C133.815 24.5537 136.105 23.5078 138.963 23.5078C141.793 23.5078 143.851 24.6426 145.136 26.9121H145.218V13.9102H149.976V45ZM145.279 35.4023V32.6543C145.279 31.1641 144.794 29.8994 143.823 28.8604C142.853 27.8213 141.615 27.3018 140.111 27.3018C138.334 27.3018 136.933 27.9648 135.907 29.291C134.896 30.6172 134.39 32.4561 134.39 34.8076C134.39 36.9404 134.875 38.6289 135.846 39.873C136.83 41.1035 138.149 41.7188 139.804 41.7188C141.431 41.7188 142.75 41.124 143.762 39.9346C144.773 38.7314 145.279 37.2207 145.279 35.4023Z" fill="var(--gray)"/>
<path d="M174.852 45H170.094V33.5156C170.094 29.3594 168.706 27.2812 165.931 27.2812C164.536 27.2812 163.36 27.8828 162.403 29.0859C161.446 30.2891 160.968 31.8271 160.968 33.7002V45H156.189V13.9102H160.968V27.4863H161.05C162.636 24.834 164.905 23.5078 167.858 23.5078C172.521 23.5078 174.852 26.3584 174.852 32.0596V45ZM198.948 45H194.19V41.6777H194.108C192.728 44.2207 190.581 45.4922 187.669 45.4922C182.706 45.4922 180.225 42.5117 180.225 36.5508V24H184.982V36.0586C184.982 39.832 186.438 41.7188 189.351 41.7188C190.759 41.7188 191.914 41.1992 192.816 40.1602C193.732 39.1211 194.19 37.7607 194.19 36.0791V24H198.948V45ZM210.002 41.9648H209.92V45H205.162V13.9102H209.92V27.6914H210.002C211.629 24.9023 214.008 23.5078 217.139 23.5078C219.791 23.5078 221.862 24.4512 223.353 26.3379C224.856 28.2109 225.608 30.7266 225.608 33.8848C225.608 37.3984 224.768 40.2148 223.086 42.334C221.404 44.4395 219.107 45.4922 216.195 45.4922C213.461 45.4922 211.396 44.3164 210.002 41.9648ZM209.879 33.6182V36.2227C209.879 37.7539 210.364 39.0527 211.335 40.1191C212.319 41.1855 213.563 41.7188 215.067 41.7188C216.831 41.7188 218.212 41.0352 219.21 39.668C220.222 38.2871 220.728 36.3662 220.728 33.9053C220.728 31.8408 220.256 30.2275 219.312 29.0654C218.383 27.8896 217.118 27.3018 215.519 27.3018C213.823 27.3018 212.456 27.9033 211.417 29.1064C210.392 30.3096 209.879 31.8135 209.879 33.6182Z" fill="var(--blue)"/>
</svg>
<div class="nav_container">
<a href="index.php" class="primary_button border_radius button_padding">Home</a>
<a href="https://www.educative.io/answers/what-are-create-and-read-operations-in-crud-php" class="primary_button border_radius button_padding">About</a>
<a href="#" class="primary_button border_radius button_padding">Support</a>
<a href="https://github.com/MinecraftJohn/crud_app" class="secondary_button border_radius button_padding">Source Code</a>
</div>
<svg width="32" height="32" viewBox="0 0 32 32" class="nav_icon border_radius" onclick="navMenuFadein()">
<path fill="var(--textGray)" d="M22 10v2H10v-2zm0 5v2H10v-2zm0 5v2H10v-2z"></path>
</svg>
</nav>
</section>
<div class="nav_mobile_container">
<a href="index.php" class="primary_button border_radius button_padding">Home</a>
<a href="https://www.educative.io/answers/what-are-create-and-read-operations-in-crud-php" class="primary_button border_radius button_padding">About</a>
<a href="#" class="primary_button border_radius button_padding">Support</a>
<a href="https://github.com/MinecraftJohn/crud_app" class="secondary_button border_radius button_padding">Source Code</a>
</div>