Basic profile page completion - partial commit

src/app/cart/cart.page.scss

@@ -58,6 +58,7 @@
     h5 {
         color: var(--brand-dark-grey);
         font-size: 12px;
+        margin: 0;
     }
 
     ion-button {
@@ -67,6 +68,7 @@
         margin: 0;
 
         span,ion-icon {
+            display: inline-block;
             vertical-align: middle;
         }
     }

src/app/profile/profile.page.html

@@ -1,20 +1,13 @@
 <ion-content>
-    <div class="header-bar">
-        <div class="heading-holder">
-            <button (click)="back()"> <ion-icon name="arrow-back"></ion-icon> </button>
-            <h3> Profile </h3>
-        </div>
-    </div>
-
     <section class="profile">
         <div class="profile-details-holder">
             <figure class="profile-image">
 
             </figure>
             <div class="content">
-                <h2> Mr. Christian Carry
+                <h5> Mr. Christian Carry
                     <ion-button fill="clear" color="light" size="small"> Edit </ion-button>
-                </h2>
+                </h5>
                 <ul class="contact">
                     <li> +91 0909239302 </li>
                     <li> christian.carry22232@gmail.com </li>
@@ -23,8 +16,45 @@
         </div>
         <div class="location-details">
             <div class="location"> Nagarbhavi, Bengaluru KA </div>
-            <button> <ion-icon name="locate"></ion-icon> </button>
+            <ion-button size="small"> <ion-icon name="locate"></ion-icon> </ion-button>
         </div>
     </section>
 
+    <div class="tabs-holder">
+        <div class="tab" [ngClass]="{'active' : selected_tab === 'MY ORDERS'}"
+        (click)="selected_tab = 'MY ORDERS'">
+            <figure>
+                <img src="assets/custom/dinner.svg">
+            </figure>
+            <span> MY ORDERS </span>
+        </div>
+        <div class="tab" [ngClass]="{'active' : selected_tab === 'REFER AND EARN'}"
+        (click)="selected_tab = 'REFER AND EARN'">
+            <figure>
+                <img src="assets/custom/profit.svg">
+            </figure>
+            <span> REFER &amp; EARN </span>
+        </div>
+        <div class="tab" [ngClass]="{'active' : selected_tab === 'NOTIFICATION'}"
+        (click)="selected_tab = 'NOTIFICATION'">
+            <figure>
+                <img src="assets/custom/hotel-bell.svg">
+            </figure>
+            <span> NOTIFICATION </span>
+        </div>
+        <div class="tab">
+            <figure>
+                <img src="assets/custom/logout.svg">
+            </figure>
+            <span> LOGOUT </span>
+        </div>
+    </div>
+
+    <div class="tab-utilities-holder">
+        <h5> {{ selected_tab }} </h5>
+        <ion-button fill="clear">
+            SORT / FILTER
+        </ion-button>
+    </div>
+
 </ion-content>

src/app/profile/profile.page.scss

@@ -1,55 +1,151 @@
-.header-bar {
+.profile {
     background-image: url('../../assets/custom/background-5.svg');
     background-size: cover;
     background-repeat: no-repeat;
     background-position: left top;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
+    color: white;
     padding: 15px;
-    height: 75px;
-    z-index: 3;
-    top: 0;
-    left: 0;
-    width: 100%;
-    position: sticky;
 
-    .heading-holder {
+    .profile-details-holder {
         display: flex;
-        align-items: center;
+        align-items: stretch;
+        justify-content: space-between;
+        border-bottom: 1px solid var(--brand-blue);
+        padding-bottom: 15px;
+
+        .profile-image {
+            width: 40px;
+            height: 40px;
+            border-radius: 50%;
+            background-color: white;
+        }
+
+        h5 {
+            margin: 0 auto;
+            font-size: 14px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+
+            ion-button {
+                margin: 0;
+                font-size: 10px;
+            }
+        }
+
+        .contact {
+            padding: 0;
+            margin: 10px 0 0;
+            font-size: 10px;
+            display: flex;
+            justify-content: space-between;
+            flex-wrap: wrap;
+            width: 90%;
+
+            li {
+                width: 48%;
+            }
+
+            li:first-child {
+                list-style: none;
+            }
+        }
+
+        .content {
+            width: calc(100% - 55px);
+        }
     }
 
-    button, a {
-        background-color: white;
-        color: var(--brand-blue);
-        font-size: 18px;
-        padding: 5px;
-        border-radius: 50%;
-        height: 30px;
-        width: 30px;
+    .location-details {
         display: flex;
-        justify-content: center;
+        width: 100%;
+        justify-content: space-between;
         align-items: center;
+        padding-top: 15px;
+        font-size: 12px;
+
+        ion-button {
+            margin: 0;
+            --padding-top: 0;
+            --padding-bottom: 0;
+            --padding-start: 0;
+            --padding-end: 0;
+            width: 30px;
+            height: 30px;
+            border-radius: 50%;
+            font-size: 12px;
+            --color: var(--brand-blue);
+            --border-radius: 50%;
+            --background: white;
+        }
+    }
+}
+
+.tabs-holder {
+    display: flex;
+    align-items: stretch;
+    padding: 10px 0;
+
+    .tab {
+        width: 25%;
 
         &.active {
-            color: white;
-            background-color: var(--brand-blue);
+            figure {
+                border-color: var(--brand-blue);
+                background-color: transparent;
+            }
+            span {
+                color: var(--brand-blue);
+            }
         }
     }
 
-    h3 {
-        font-size: 16px;
-        color: white;
-        letter-spacing: 0.5px;
-        margin-left: 10px;
-        font-weight: 600;
+    figure {
+        margin: 10px auto;
+        padding: 10px;
+        background-color: #efefef;
+        border: 2px solid #efefef;
+        width: 50px;
+        height: 50px;
+        border-radius: 50%;
+        transition: border-color 0.3s;
+
+        img {
+            display: block;
+            width: 100%;
+            height: 100%;
+        }
+    }
+
+    span {
+        display: block;
+        text-align: center;
+        font-size: 10px;
+        color: var(--brand-dark-grey);
+        font-weight: 500;
+        transition: color 0.4s;
     }
 }
 
-.profile {
-    background-image: url('../../assets/custom/background-5.svg');
-    background-size: cover;
-    background-repeat: no-repeat;
-    background-position: left top;
-    color: white;
+.tab-utilities-holder {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    padding: 0 15px;
+    margin: 0 auto;
+    background-color: #efefef;
+
+    h5 {
+        color: var(--brand-dark-grey);
+        font-size: 12px;
+        margin: 0;
+    }
+
+    ion-button {
+        --padding-end: 0;
+        --color: var(--brand-blue);
+        font-size: 10px;
+        margin: 0;
+    }
 }

src/app/profile/profile.page.ts

@@ -7,6 +7,7 @@ import { Location } from '@angular/common';
     styleUrls: ['./profile.page.scss'],
 })
 export class ProfilePage implements OnInit {
+    selected_tab: string = 'MY ORDERS';
 
     constructor(
         private location: Location

src/assets/custom/dinner.svg

@@ -0,0 +1 @@
+<svg viewBox="0 -22 512.001 512" xmlns="http://www.w3.org/2000/svg"><path d="m285.921875 12.394531c0 16.523438-13.398437 29.921875-29.921875 29.921875s-29.921875-13.398437-29.921875-29.921875c0-16.523437 59.84375-16.523437 59.84375 0zm0 0" fill="#d8d8d8"/><path d="m256 38.199219c-119.09375 0-215.640625 96.546875-215.640625 215.640625h431.28125c0-119.09375-96.546875-215.640625-215.640625-215.640625zm0 0" fill="#efefef"/><path d="m256 38.199219c-10.066406 0-19.964844.707031-29.660156 2.042969 105.054687 14.453124 185.976562 104.566406 185.976562 213.597656h59.324219c0-119.09375-96.546875-215.640625-215.640625-215.640625zm0 0" fill="#e2e2e2"/><path d="m497.207031 286.546875h-482.414062c-8.171875 0-14.792969-6.625-14.792969-14.792969v-9.417968c0-8.167969 6.621094-14.792969 14.792969-14.792969h482.417969c8.167968 0 14.789062 6.625 14.789062 14.792969v9.417968c0 8.167969-6.621094 14.792969-14.792969 14.792969zm0 0" fill="#d8d8d8"/><path d="m124.910156 451.203125 3.539063-15.128906c4.992187-21.328125 21.859375-38.269531 42.96875-43.15625 22.308593-5.167969 48-1.933594 65.382812.945312 19.605469 3.25 40.207031 2.140625 59.570313-3.214843l28.410156-7.851563c17.929688-4.953125 34.433594-13.300781 49.050781-24.804687l49-43.398438c12.761719-9.417969 3.3125-38.511719-20.03125-23.996094l-48.230469 31.925782-47.710937 13.804687-33.863281.734375 22.828125-12.089844c8.667969-4.457031 12.378906-14.945312 8.445312-23.878906-1.363281-3.089844-3.578125-5.742188-6.402343-7.664062-4.242188-2.878907-9.582032-3.925782-14.652344-2.871094l-66.914063 13.953125-51.085937-13.78125c-7.300782-1.96875-14.488282-4.386719-21.90625-4.1875-19.011719.519531-37.902344 9.546875-51.957032 22.898437l-.15625.148438-62.6875 76.121094zm0 0" fill="#ffe7cf"/><path d="m422.355469 289.027344-54.222657 39.410156c-14.617187 11.503906-48.695312 33.261719-174.3125 22.449219-17.554687-1.511719-43.074218-6.117188-65.382812-.949219-16.792969 3.890625-49.179688 45.050781-61.726562 61.726562l58.199218 39.539063 3.539063-15.125c4.992187-21.332031 21.859375-38.273437 42.972656-43.160156 22.308594-5.164063 48-1.933594 65.382813.949219 19.605468 3.25 40.203124 2.136718 59.566406-3.214844l28.410156-7.851563c17.929688-4.957031 34.433594-13.304687 49.050781-24.808593l49.003907-43.398438c8.113281-5.992188 7.242187-19.945312-.480469-25.566406zm0 0" fill="#f4d5ba"/><path d="m143.425781 422.867188-98.574219-66.964844c-6.214843-4.222656-14.675781-2.601563-18.894531 3.617187l-14.402343 21.246094c-4.210938 6.210937-2.59375 14.65625 3.613281 18.875l98.574219 66.964844c6.214843 4.222656 14.675781 2.601562 18.894531-3.617188l14.402343-21.242187c4.210938-6.210938 2.59375-14.660156-3.613281-18.878906zm0 0" fill="#0d6e9a"/><path d="m143.425781 422.867188-37.867187-25.726563-29.664063 43.753906 37.847657 25.710938c5.996093 4.074219 14.070312 2.695312 18.417968-2.988281l15.289063-22.550782c3.664062-6.132812 1.964843-14.132812-4.023438-18.199218zm0 0" fill="#09627a"/></svg>

src/assets/custom/hotel-bell.svg

@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#344A5E;}
+	.st1{fill:#E6E6E6;}
+	.st2{fill:#CCCCCC;}
+	.st3{fill:#E2E2E2;}
+	.st4{fill:#D8D8D8;}
+	.st5{fill:#2B74CC;}
+	.st6{opacity:0.1;}
+	.st7{fill:#2E78E5;}
+</style>
+<g>
+	<g>
+		<rect x="190.7" y="397.2" class="st0" width="130.7" height="51.6"/>
+		<rect x="239.7" y="161.7" class="st0" width="32.7" height="50.7"/>
+	</g>
+	<path class="st1" d="M305,154.3h-98c-4.1,0-7.4,3.3-7.4,7.4c0,4.1,3.3,7.4,7.4,7.4h98c4.1,0,7.4-3.3,7.4-7.4
+		C312.4,157.6,309.1,154.3,305,154.3z"/>
+	<g>
+		<path class="st2" d="M256,7.3c-4.1,0-7.4,3.3-7.4,7.4v32.7c0,4.1,3.3,7.4,7.4,7.4c4.1,0,7.4-3.3,7.4-7.4V14.7
+			C263.4,10.6,260.1,7.3,256,7.3z"/>
+		<path class="st2" d="M139.9,43.8c-2-3.5-6.6-4.7-10.1-2.7c-3.5,2-4.7,6.6-2.7,10.1l16.3,28.3c1.4,2.4,3.9,3.7,6.4,3.7
+			c1.3,0,2.5-0.3,3.7-1c3.5-2,4.7-6.6,2.7-10.1L139.9,43.8z"/>
+		<path class="st2" d="M75.8,147.1l-28.3-16.3c-3.5-2-8.1-0.8-10.1,2.7c-2,3.5-0.8,8.1,2.7,10.1l28.3,16.3c1.2,0.7,2.4,1,3.7,1
+			c2.6,0,5-1.3,6.4-3.7C80.5,153.7,79.3,149.2,75.8,147.1z"/>
+		<path class="st2" d="M43.6,252.3H11c-4.1,0-7.4,3.3-7.4,7.4c0,4.1,3.3,7.4,7.4,7.4h32.7c4.1,0,7.4-3.3,7.4-7.4
+			C51,255.6,47.7,252.3,43.6,252.3z"/>
+		<path class="st2" d="M501,252.3h-32.7c-4.1,0-7.4,3.3-7.4,7.4c0,4.1,3.3,7.4,7.4,7.4H501c4.1,0,7.4-3.3,7.4-7.4
+			C508.4,255.6,505.1,252.3,501,252.3z"/>
+		<path class="st2" d="M474.6,133.5c-2-3.5-6.6-4.7-10.1-2.7l-28.3,16.3c-3.5,2-4.7,6.6-2.7,10.1c1.4,2.4,3.9,3.7,6.4,3.7
+			c1.3,0,2.5-0.3,3.7-1l28.3-16.3C475.4,141.5,476.6,137,474.6,133.5z"/>
+		<path class="st2" d="M382.2,41.1c-3.5-2-8.1-0.8-10.1,2.7l-16.3,28.3c-2,3.5-0.8,8.1,2.7,10.1c1.2,0.7,2.4,1,3.7,1
+			c2.6,0,5-1.3,6.4-3.7l16.3-28.3C387,47.7,385.7,43.1,382.2,41.1z"/>
+	</g>
+	<path class="st1" d="M92.6,382.5v-24.8c0-90.2,73.1-163.3,163.3-163.3s163.3,73.1,163.3,163.3v24.8H92.6z"/>
+	<g>
+		<path class="st3" d="M256,194.4c-3.3,0-6.6,0.1-9.9,0.3c85.6,5.1,153.5,76.1,153.5,163v24.8h19.7v-24.8
+			C419.3,267.5,346.2,194.4,256,194.4z"/>
+		<path class="st4" d="M76.3,400.8v-20.8c0-3.3,2.6-5.9,5.9-5.9h347.5c3.3,0,5.9,2.6,5.9,5.9v20.8c0,3.3-2.6,5.9-5.9,5.9H82.2
+			C79,406.7,76.3,404,76.3,400.8z"/>
+	</g>
+	<path class="st2" d="M429.8,374H410c3.3,0,5.9,2.6,5.9,5.9v20.8c0,3.3-2.6,5.9-5.9,5.9h19.7c3.3,0,5.9-2.6,5.9-5.9v-20.8
+		C435.7,376.6,433,374,429.8,374z"/>
+	<path class="st5" d="M76.3,480.6v-35.3c0-3.3,2.6-5.9,5.9-5.9h347.5c3.3,0,5.9,2.6,5.9,5.9v35.3L76.3,480.6L76.3,480.6z"/>
+	<g>
+		<path class="st6" d="M429.8,439.4H410c3.3,0,5.9,2.6,5.9,5.9v35.3h19.7v-35.3C435.7,442,433,439.4,429.8,439.4z"/>
+		<path class="st7" d="M447.4,472.1H63.6c-2.2,0-4.3,1.3-5.3,3.3l-10.4,20.8c-2,3.9,0.9,8.6,5.3,8.6h399.4c3.8,0,6.7-3.6,5.7-7.4
+			l-5.2-20.8C452.5,473.9,450.1,472.1,447.4,472.1z"/>
+	</g>
+	<path class="st6" d="M458.3,497.4l-5.2-20.8c-0.7-2.6-3-4.5-5.7-4.5h-19.7c2.7,0,5.1,1.8,5.7,4.5l5.2,20.8c0.9,3.7-1.9,7.4-5.7,7.4
+		h19.7C456.5,504.7,459.3,501.1,458.3,497.4z"/>
+</g>
+</svg>

src/assets/custom/logout.svg

@@ -0,0 +1 @@
+<svg height="512pt" viewBox="0 0 512.00533 512" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m298.667969 277.335938c-35.285157 0-64-28.714844-64-64 0-35.285157 28.714843-64 64-64h42.664062v-85.332032c0-35.285156-28.714843-63.99999975-64-63.99999975h-229.332031c-7.019531 0-13.589844 3.45312475-17.578125 9.23437475-3.96875 5.78125-4.863281 13.144531-2.347656 19.691407l154.667969 405.335937c3.136718 8.277344 11.070312 13.738281 19.925781 13.738281h74.664062c35.285157 0 64-28.714844 64-64v-106.667968zm0 0" fill="#2196f3"/><path d="m397.164062 318.382812c-7.957031-3.308593-13.164062-11.09375-13.164062-19.714843v-64h-85.332031c-11.777344 0-21.335938-9.554688-21.335938-21.332031 0-11.777344 9.558594-21.332032 21.335938-21.332032h85.332031v-64c0-8.621094 5.207031-16.40625 13.164062-19.714844 7.976563-3.304687 17.152344-1.46875 23.25 4.632813l85.335938 85.332031c8.339844 8.339844 8.339844 21.824219 0 30.164063l-85.335938 85.335937c-6.097656 6.097656-15.273437 7.933594-23.25 4.628906zm0 0" fill="#607d8b"/><path d="m184.449219 44.84375-128.191407-42.730469c-28.929687-8.894531-56.257812 12.460938-56.257812 40.554688v384c0 18.242187 11.605469 34.519531 28.886719 40.492187l128.167969 42.730469c4.714843 1.449219 9.046874 2.113281 13.613281 2.113281 23.53125 0 42.664062-19.136718 42.664062-42.667968v-384c0-18.238282-11.605469-34.515626-28.882812-40.492188zm0 0" fill="#64b5f6"/></svg>

src/assets/custom/profit.svg

@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="601pt" version="1.1" viewBox="0 -5 601.96347 601" width="601pt">
+<g id="surface1">
+<path d="M 438.628906 214.695312 C 438.628906 287.933594 379.257812 347.304688 306.019531 347.304688 C 232.78125 347.304688 173.410156 287.933594 173.410156 214.695312 C 173.410156 141.457031 232.78125 82.085938 306.019531 82.085938 C 379.257812 82.085938 438.628906 141.457031 438.628906 214.695312 Z M 438.628906 214.695312 " style=" stroke:none;fill-rule:nonzero;fill:rgb(99.215686%,71.372549%,18.431373%);fill-opacity:1;" />
+<path d="M 397.824219 214.695312 C 397.824219 265.398438 356.722656 306.5 306.019531 306.5 C 255.316406 306.5 214.214844 265.398438 214.214844 214.695312 C 214.214844 163.992188 255.316406 122.890625 306.019531 122.890625 C 356.722656 122.890625 397.824219 163.992188 397.824219 214.695312 Z M 397.824219 214.695312 " style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,63.529412%,18.823529%);fill-opacity:1;" />
+<path d="M 547.773438 423.898438 L 408.023438 490.113281 L 382.523438 490.113281 C 402.242188 490.113281 418.226562 474.128906 418.226562 454.410156 C 418.226562 434.691406 402.242188 418.707031 382.523438 418.707031 L 255.015625 418.707031 C 212.742188 376.445312 147.582031 367.316406 95.335938 396.347656 L 91.804688 398.304688 L 91.804688 592.117188 L 358.703125 592.117188 C 391.011719 592.117188 422.746094 583.589844 450.703125 567.414062 L 582.957031 490.835938 C 601.09375 480.453125 607.375 457.339844 596.992188 439.203125 C 587.136719 421.992188 565.65625 415.3125 547.773438 423.898438 Z M 547.773438 423.898438 " style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,71.764706%,50.980392%);fill-opacity:1;" />
+<path d="M 0 398.304688 L 91.804688 398.304688 L 91.804688 592.117188 L 0 592.117188 Z M 0 398.304688 " style=" stroke:none;fill-rule:nonzero;fill:rgb(26.27451%,59.607843%,81.960784%);fill-opacity:1;" />
+<path d="M 224.414062 214.695312 L 204.011719 214.695312 C 204.074219 158.386719 249.710938 112.75 306.019531 112.6875 L 306.019531 133.089844 C 260.972656 133.140625 224.464844 169.648438 224.414062 214.695312 Z M 224.414062 214.695312 " style=" stroke:none;fill-rule:nonzero;fill:rgb(99.215686%,48.235294%,18.431373%);fill-opacity:1;" />
+<path d="M 306.019531 316.703125 L 306.019531 296.300781 C 351.066406 296.25 387.574219 259.742188 387.625 214.695312 L 408.023438 214.695312 C 407.964844 271.003906 362.328125 316.640625 306.019531 316.703125 Z M 306.019531 316.703125 " style=" stroke:none;fill-rule:nonzero;fill:rgb(99.215686%,48.235294%,18.431373%);fill-opacity:1;" />
+<path d="M 142.808594 82.085938 C 139.320312 61.164062 122.925781 44.773438 102.007812 41.285156 C 122.925781 37.796875 139.320312 21.402344 142.808594 0.480469 C 146.296875 21.402344 162.691406 37.796875 183.609375 41.285156 C 162.691406 44.773438 146.296875 61.164062 142.808594 82.085938 Z M 142.808594 82.085938 " style=" stroke:none;fill-rule:nonzero;fill:rgb(99.215686%,71.372549%,18.431373%);fill-opacity:1;" />
+<path d="M 51.003906 530.914062 C 51.003906 542.183594 41.871094 551.316406 30.601562 551.316406 C 19.335938 551.316406 10.199219 542.183594 10.199219 530.914062 C 10.199219 519.648438 19.335938 510.511719 30.601562 510.511719 C 41.871094 510.511719 51.003906 519.648438 51.003906 530.914062 Z M 51.003906 530.914062 " style=" stroke:none;fill-rule:nonzero;fill:rgb(7.058824%,37.647059%,60%);fill-opacity:1;" />
+<path d="M 510.03125 337.101562 C 506.542969 316.179688 490.148438 299.789062 469.230469 296.300781 C 490.148438 292.8125 506.542969 276.417969 510.03125 255.496094 C 513.519531 276.417969 529.914062 292.8125 550.832031 296.300781 C 529.914062 299.789062 513.519531 316.179688 510.03125 337.101562 Z M 510.03125 337.101562 " style=" stroke:none;fill-rule:nonzero;fill:rgb(99.215686%,71.372549%,18.431373%);fill-opacity:1;" />
+<path d="M 316.21875 204.496094 L 295.816406 204.496094 C 290.1875 204.496094 285.617188 199.925781 285.617188 194.292969 C 285.617188 188.664062 290.1875 184.09375 295.816406 184.09375 L 336.621094 184.09375 L 336.621094 163.691406 L 316.21875 163.691406 L 316.21875 153.492188 L 295.816406 153.492188 L 295.816406 163.691406 C 278.917969 163.691406 265.214844 177.390625 265.214844 194.292969 C 265.214844 211.195312 278.917969 224.894531 295.816406 224.894531 L 316.21875 224.894531 C 321.851562 224.894531 326.421875 229.464844 326.421875 235.097656 C 326.421875 240.726562 321.851562 245.296875 316.21875 245.296875 L 275.417969 245.296875 L 275.417969 265.699219 L 295.816406 265.699219 L 295.816406 275.898438 L 316.21875 275.898438 L 316.21875 265.699219 C 333.121094 265.699219 346.820312 252 346.820312 235.097656 C 346.820312 218.195312 333.121094 204.496094 316.21875 204.496094 Z M 316.21875 204.496094 " style=" stroke:none;fill-rule:nonzero;fill:rgb(99.215686%,48.235294%,18.431373%);fill-opacity:1;" />
+<path d="M 382.523438 500.3125 L 255.015625 500.3125 C 249.386719 500.3125 244.816406 495.742188 244.816406 490.113281 C 244.816406 484.480469 249.386719 479.910156 255.015625 479.910156 L 382.523438 479.910156 C 388.152344 479.910156 392.722656 484.480469 392.722656 490.113281 C 392.722656 495.742188 388.152344 500.3125 382.523438 500.3125 Z M 382.523438 500.3125 " style=" stroke:none;fill-rule:nonzero;fill:rgb(94.901961%,64.313725%,43.529412%);fill-opacity:1;" />
+</g>
+</svg>