e-commerce.drawio

<mxfile host="app.diagrams.net" modified="2023-06-06T16:05:37.697Z" agent="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36" etag="Fj_upBMMyu5gl1wBKUin" version="21.3.7" type="github">
  <diagram name="Page-1" id="-b-mgLnNyKhTVOmsAnaT">
    <mxGraphModel dx="1217" dy="1371" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="826" pageHeight="1169" math="0" shadow="0">
      <root>
        <mxCell id="0" />
        <mxCell id="1" parent="0" />
        <mxCell id="RiAGdgWCF8noxPz8Tucr-8" value="HOME" style="shape=process;whiteSpace=wrap;html=1;backgroundOutline=1;" parent="1" vertex="1">
          <mxGeometry x="-50" y="-1050" width="1360" height="1540" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-179" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="107" y="-750" width="763" height="1130" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-174" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="RiAGdgWCF8noxPz8Tucr-168" target="RiAGdgWCF8noxPz8Tucr-169" edge="1">
          <mxGeometry relative="1" as="geometry">
            <Array as="points">
              <mxPoint x="921" y="-370" />
              <mxPoint x="921" y="-380" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-168" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="107" y="-370" width="763" height="170" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-183" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="RiAGdgWCF8noxPz8Tucr-100" target="RiAGdgWCF8noxPz8Tucr-175" edge="1">
          <mxGeometry relative="1" as="geometry">
            <Array as="points">
              <mxPoint x="900" y="-60" />
              <mxPoint x="900" y="-60" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-100" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="107" y="-185" width="763" height="485" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-9" value="BOLSOS" style="swimlane;fontStyle=0;childLayout=stackLayout;horizontal=1;startSize=30;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=1;marginBottom=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="-690" y="1420" width="140" height="120" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-10" value="Id" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="RiAGdgWCF8noxPz8Tucr-9" vertex="1">
          <mxGeometry y="30" width="140" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-11" value="Name" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="RiAGdgWCF8noxPz8Tucr-9" vertex="1">
          <mxGeometry y="60" width="140" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-12" value="Type" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="RiAGdgWCF8noxPz8Tucr-9" vertex="1">
          <mxGeometry y="90" width="140" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-13" value="COLLARES" style="swimlane;fontStyle=0;childLayout=stackLayout;horizontal=1;startSize=30;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=1;marginBottom=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="-520" y="1420" width="140" height="120" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-14" value="Id" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="RiAGdgWCF8noxPz8Tucr-13" vertex="1">
          <mxGeometry y="30" width="140" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-15" value="Name" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="RiAGdgWCF8noxPz8Tucr-13" vertex="1">
          <mxGeometry y="60" width="140" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-16" value="Type" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="RiAGdgWCF8noxPz8Tucr-13" vertex="1">
          <mxGeometry y="90" width="140" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-17" value="PENDIENTES" style="swimlane;fontStyle=0;childLayout=stackLayout;horizontal=1;startSize=30;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=1;marginBottom=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="-353" y="1420" width="140" height="120" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-18" value="Id" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="RiAGdgWCF8noxPz8Tucr-17" vertex="1">
          <mxGeometry y="30" width="140" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-19" value="Name" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="RiAGdgWCF8noxPz8Tucr-17" vertex="1">
          <mxGeometry y="60" width="140" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-20" value="Type" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="RiAGdgWCF8noxPz8Tucr-17" vertex="1">
          <mxGeometry y="90" width="140" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-21" value="USER" style="swimlane;fontStyle=0;childLayout=stackLayout;horizontal=1;startSize=30;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=1;marginBottom=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="-690" y="1230" width="140" height="150" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-22" value="Id" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="RiAGdgWCF8noxPz8Tucr-21" vertex="1">
          <mxGeometry y="30" width="140" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-23" value="Name" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="RiAGdgWCF8noxPz8Tucr-21" vertex="1">
          <mxGeometry y="60" width="140" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-24" value="Email" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="RiAGdgWCF8noxPz8Tucr-21" vertex="1">
          <mxGeometry y="90" width="140" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-25" value="Password/facebook?" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="RiAGdgWCF8noxPz8Tucr-21" vertex="1">
          <mxGeometry y="120" width="140" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-38" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="320" y="-63" width="154" height="184.8" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-144" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="RiAGdgWCF8noxPz8Tucr-43" target="RiAGdgWCF8noxPz8Tucr-127" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-43" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="110" y="-750" width="760" height="50" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-44" value="&lt;font style=&quot;font-size: 24px;&quot;&gt;LOGO&lt;/font&gt;" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="120" y="-750" width="120" height="50" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-53" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;" parent="1" source="RiAGdgWCF8noxPz8Tucr-45" target="RiAGdgWCF8noxPz8Tucr-56" edge="1">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="555" y="-660" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-45" value="SHOPING CART" style="text;html=1;strokeColor=#19011D;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;shadow=1;" parent="1" vertex="1">
          <mxGeometry x="510" y="-745" width="90" height="40" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-165" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;" parent="1" source="RiAGdgWCF8noxPz8Tucr-46" target="RiAGdgWCF8noxPz8Tucr-164" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-46" value="FAVORITES" style="text;html=1;strokeColor=#6600CC;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="590" y="-745" width="90" height="40" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-104" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;" parent="1" source="RiAGdgWCF8noxPz8Tucr-47" target="RiAGdgWCF8noxPz8Tucr-74" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-47" value="LOGIN" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="670" y="-745" width="90" height="40" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-105" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;" parent="1" source="RiAGdgWCF8noxPz8Tucr-48" edge="1">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="795" y="-860" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-48" value="REGISTER" style="text;html=1;strokeColor=#6600CC;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="750" y="-745" width="90" height="40" as="geometry" />
        </mxCell>
        <mxCell id="fWnj22Spbb2RyECRKWuP-1" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="RiAGdgWCF8noxPz8Tucr-49" target="RiAGdgWCF8noxPz8Tucr-146" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-49" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="110" y="-680" width="760" height="50" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-50" value="SOME TEXT" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="120" y="-670" width="240" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-51" value="FREE SHIPPING ON ALL ORDERS" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="370" y="-670" width="240" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-52" value="SEARCH" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#6600CC;" parent="1" vertex="1">
          <mxGeometry x="620" y="-670" width="240" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-153" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;" parent="1" source="RiAGdgWCF8noxPz8Tucr-56" target="RiAGdgWCF8noxPz8Tucr-152" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-56" value="OFFCANVAS" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="512.5" y="-860" width="85" height="50" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-60" value="&lt;font style=&quot;font-size: 48px;&quot;&gt;FRONT END&lt;/font&gt;" style="text;html=1;strokeColor=#007FFF;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="-635" y="-1120" width="390" height="70" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-63" value="VIEWS" style="swimlane;fontStyle=0;childLayout=stackLayout;horizontal=1;startSize=30;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=1;marginBottom=0;whiteSpace=wrap;html=1;strokeColor=#6600CC;" parent="1" vertex="1">
          <mxGeometry x="-710" y="-880" width="140" height="180" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-64" value="Home" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="RiAGdgWCF8noxPz8Tucr-63" vertex="1">
          <mxGeometry y="30" width="140" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-65" value="Favorites" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="RiAGdgWCF8noxPz8Tucr-63" vertex="1">
          <mxGeometry y="60" width="140" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-93" value="Register" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="RiAGdgWCF8noxPz8Tucr-63" vertex="1">
          <mxGeometry y="90" width="140" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-66" value="Search/item" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="RiAGdgWCF8noxPz8Tucr-63" vertex="1">
          <mxGeometry y="120" width="140" height="30" as="geometry" />
        </mxCell>
        <mxCell id="fWnj22Spbb2RyECRKWuP-8" value="Card-details" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="RiAGdgWCF8noxPz8Tucr-63" vertex="1">
          <mxGeometry y="150" width="140" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-67" value="COMPONENTS" style="swimlane;fontStyle=0;childLayout=stackLayout;horizontal=1;startSize=30;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=1;marginBottom=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="-510" y="-880" width="140" height="120" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-68" value="NavBar" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="RiAGdgWCF8noxPz8Tucr-67" vertex="1">
          <mxGeometry y="30" width="140" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-69" value="Collection" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="RiAGdgWCF8noxPz8Tucr-67" vertex="1">
          <mxGeometry y="60" width="140" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-70" value="Card" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="RiAGdgWCF8noxPz8Tucr-67" vertex="1">
          <mxGeometry y="90" width="140" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-80" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;" parent="1" source="RiAGdgWCF8noxPz8Tucr-74" target="RiAGdgWCF8noxPz8Tucr-77" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-74" value="OFFCANVAS" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="672.5" y="-860" width="85" height="50" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-77" value="/login" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#FF8000;" parent="1" vertex="1">
          <mxGeometry x="665" y="-970" width="100" height="60" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-78" value="/register" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#FF8000;" parent="1" vertex="1">
          <mxGeometry x="745" y="-1035" width="100" height="60" as="geometry" />
        </mxCell>
        <mxCell id="fWnj22Spbb2RyECRKWuP-2" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="RiAGdgWCF8noxPz8Tucr-108" target="RiAGdgWCF8noxPz8Tucr-145" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-108" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="110" y="-610" width="760" height="230" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-110" value="IMG-BG" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="625" y="-520" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-111" value="&amp;lt;h1&amp;gt;&amp;lt;/h1&amp;gt;" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="220" y="-550" width="80" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-112" value="&amp;lt;p&amp;gt;&amp;lt;/p&amp;gt;" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="220" y="-520" width="80" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-113" value="&amp;lt;button&amp;gt;&amp;lt;/button&amp;gt;" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="200" y="-490" width="120" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-142" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.25;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="RiAGdgWCF8noxPz8Tucr-114" target="RiAGdgWCF8noxPz8Tucr-141" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-114" value="KEYWORD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="620" y="-350" width="200" height="140" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-115" value="IMG-BG" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="690" y="-330" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-124" value="TEXT" style="text;html=1;strokeColor=#007FFF;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="453" y="-140" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-125" value="&lt;font style=&quot;font-size: 48px;&quot;&gt;WORKFLOW&lt;/font&gt;" style="text;html=1;strokeColor=#007FFF;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="-637" y="-660" width="390" height="70" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-127" value="NAVBAR" style="shape=trapezoid;perimeter=trapezoidPerimeter;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="934" y="-750" width="110" height="50" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-140" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="RiAGdgWCF8noxPz8Tucr-130" edge="1">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="939" y="-245" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-130" value="BUTTON" style="text;html=1;strokeColor=#6600CC;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="690" y="-260" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-134" value="KEYWORD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="383" y="-350" width="200" height="140" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-135" value="IMG-BG" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="453" y="-330" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-136" value="SEARCH" style="text;html=1;strokeColor=#6600CC;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="453" y="-260" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-137" value="KEYWORD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="150" y="-350" width="200" height="140" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-138" value="IMG-BG" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="220" y="-330" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-139" value="SEARCH" style="text;html=1;strokeColor=#6600CC;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="220" y="-260" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-141" value="COLLECTION" style="shape=trapezoid;perimeter=trapezoidPerimeter;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="975.21" y="-340" width="110" height="50" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-145" value=".jumbotron-home" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="939" y="-525" width="100" height="60" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-146" value=".banner-home" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="934" y="-685" width="100" height="60" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-152" value="?????" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#FF8000;" parent="1" vertex="1">
          <mxGeometry x="505" y="-970" width="100" height="60" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-154" value="/login" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#FF8000;" parent="1" vertex="1">
          <mxGeometry x="585" y="-1035" width="100" height="60" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-156" value="COMPONENT" style="shape=trapezoid;perimeter=trapezoidPerimeter;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="-510" y="-980" width="136" height="60" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-158" value="BOOTSTRAP / .styles" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="-300" y="-970" width="100" height="60" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-160" value="VIEW" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#6600CC;" parent="1" vertex="1">
          <mxGeometry x="-685" y="-980" width="90" height="70" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-166" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;" parent="1" source="RiAGdgWCF8noxPz8Tucr-162" target="RiAGdgWCF8noxPz8Tucr-78" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-162" value="REGISTER" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#6600CC;" parent="1" vertex="1">
          <mxGeometry x="756.43" y="-920" width="77.14" height="60" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-167" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;" parent="1" source="RiAGdgWCF8noxPz8Tucr-164" target="RiAGdgWCF8noxPz8Tucr-154" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-164" value="FAVORITES" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#6600CC;" parent="1" vertex="1">
          <mxGeometry x="596.43" y="-920" width="77.14" height="60" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-169" value=".jumbotron-collections" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="980.21" y="-410" width="100" height="60" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-170" value="CARD" style="shape=trapezoid;perimeter=trapezoidPerimeter;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="975.22" y="-15" width="110" height="50" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-171" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="490" y="-61.799999999999955" width="153" height="183.6" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-182" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="RiAGdgWCF8noxPz8Tucr-172" target="RiAGdgWCF8noxPz8Tucr-170" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-172" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="665" y="-64.19999999999993" width="155" height="186" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-173" value="SEARCH/KEYWORD" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#6600CC;" parent="1" vertex="1">
          <mxGeometry x="950.43" y="-275" width="159.57" height="60" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-175" value=".card-display" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="980.21" y="-90" width="100" height="60" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-181" value=".root" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="934" y="-830" width="100" height="60" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-185" value="HOME" style="shape=process;whiteSpace=wrap;html=1;backgroundOutline=1;" parent="1" vertex="1">
          <mxGeometry x="1400" y="-715" width="1250" height="640" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-186" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="1567" y="-650" width="763" height="1130" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-189" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="RiAGdgWCF8noxPz8Tucr-190" target="RiAGdgWCF8noxPz8Tucr-246" edge="1">
          <mxGeometry relative="1" as="geometry">
            <Array as="points">
              <mxPoint x="2380" y="-270" />
              <mxPoint x="2380" y="-270" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-190" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="1760" y="-280" width="570" height="680" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-191" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="1920" y="-260" width="113" height="135.6" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-193" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="1570" y="-650" width="760" height="50" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-194" value="&lt;font style=&quot;font-size: 24px;&quot;&gt;LOGO&lt;/font&gt;" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="1580" y="-650" width="120" height="50" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-196" value="SHOPING CART" style="text;html=1;strokeColor=#19011D;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;shadow=1;" parent="1" vertex="1">
          <mxGeometry x="1970" y="-645" width="90" height="40" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-198" value="FAVORITES" style="text;html=1;strokeColor=#6600CC;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="2050" y="-645" width="90" height="40" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-200" value="LOGIN" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="2130" y="-645" width="90" height="40" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-202" value="REGISTER" style="text;html=1;strokeColor=#6600CC;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="2210" y="-645" width="90" height="40" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-207" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;" parent="1" edge="1">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="1945" y="-150" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-209" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;" parent="1" edge="1">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="2105" y="-150" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-20" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="RiAGdgWCF8noxPz8Tucr-213" target="RiAGdgWCF8noxPz8Tucr-233" edge="1">
          <mxGeometry relative="1" as="geometry">
            <Array as="points">
              <mxPoint x="2350" y="-550" />
              <mxPoint x="2350" y="-550" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-213" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="1760" y="-595" width="570" height="230" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-214" value="IMG-BG" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="2000" y="-510" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-215" value="&amp;lt;h1&amp;gt;&amp;lt;/h1&amp;gt;" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="1760" y="-350" width="80" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-216" value="&amp;lt;p&amp;gt;&amp;lt;/p&amp;gt;" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="1760" y="-320" width="80" height="30" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-233" value=".banner-search" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="2394" y="-580" width="100" height="60" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-236" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;" parent="1" edge="1">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="2185" y="-215" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-238" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;" parent="1" edge="1">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="2025" y="-215" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-241" value="CARD" style="shape=trapezoid;perimeter=trapezoidPerimeter;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="2404.0000000000005" y="-220" width="110" height="50" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-242" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="2060" y="-260" width="110" height="132" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-243" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="RiAGdgWCF8noxPz8Tucr-244" target="RiAGdgWCF8noxPz8Tucr-241" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-244" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="2200" y="-260" width="110" height="132" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-246" value=".pagination" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="2404" y="-300" width="100" height="60" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-248" value="FOOTER" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="1567" y="400" width="763" height="85" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-1" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="146" y="-64.20000000000005" width="154" height="184.8" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-2" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="320" y="141.20000000000005" width="154" height="184.8" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-3" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="490" y="142.4000000000001" width="153" height="183.6" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-4" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="665" y="140" width="155" height="186" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-5" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="146" y="140" width="154" height="184.8" as="geometry" />
        </mxCell>
        <mxCell id="RiAGdgWCF8noxPz8Tucr-184" value="FOOTER" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="107" y="300" width="763" height="85" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-6" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="1780" y="-261.8" width="113" height="135.6" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-7" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="1920" y="-115.60000000000002" width="113" height="135.6" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-8" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="2060" y="-115.60000000000002" width="110" height="132" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-9" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="2200" y="-115.60000000000002" width="110" height="132" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-10" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="1780" y="-117.39999999999998" width="113" height="135.6" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-11" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="1920" y="31.799999999999955" width="113" height="135.6" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-12" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="2060" y="31.799999999999955" width="110" height="132" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-13" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="2200" y="31.799999999999955" width="110" height="132" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-14" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="1780" y="30" width="113" height="135.6" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-15" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="1920" y="181.79999999999995" width="113" height="135.6" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-16" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="2060" y="181.79999999999995" width="110" height="132" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-17" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="2200" y="181.79999999999995" width="110" height="132" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-18" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="1780" y="180" width="113" height="135.6" as="geometry" />
        </mxCell>
        <mxCell id="fWnj22Spbb2RyECRKWuP-38" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;" parent="1" source="3rY_Ns122jnfuLzVrZuX-19" target="fWnj22Spbb2RyECRKWuP-37" edge="1">
          <mxGeometry relative="1" as="geometry">
            <Array as="points">
              <mxPoint x="1720" y="-630" />
              <mxPoint x="1720" y="-630" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-19" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="1580" y="-580" width="160" height="960" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-21" value="HOME" style="shape=process;whiteSpace=wrap;html=1;backgroundOutline=1;" parent="1" vertex="1">
          <mxGeometry x="2820" y="-720" width="1250" height="640" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-22" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="2987" y="-655" width="763" height="705" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-23" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="3rY_Ns122jnfuLzVrZuX-24" target="3rY_Ns122jnfuLzVrZuX-43" edge="1">
          <mxGeometry relative="1" as="geometry">
            <Array as="points">
              <mxPoint x="3800" y="-275" />
              <mxPoint x="3800" y="-275" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-67" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1.002;exitY=0.082;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;exitPerimeter=0;" parent="1" source="3rY_Ns122jnfuLzVrZuX-24" target="3rY_Ns122jnfuLzVrZuX-37" edge="1">
          <mxGeometry relative="1" as="geometry">
            <Array as="points">
              <mxPoint x="3750" y="-453" />
              <mxPoint x="3750" y="-460" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-24" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="2990" y="-490" width="760" height="455" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-26" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="2990" y="-655" width="760" height="50" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-27" value="&lt;font style=&quot;font-size: 24px;&quot;&gt;LOGO&lt;/font&gt;" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="3000" y="-655" width="120" height="50" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-28" value="SHOPING CART" style="text;html=1;strokeColor=#19011D;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;shadow=1;" parent="1" vertex="1">
          <mxGeometry x="3390" y="-650" width="90" height="40" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-29" value="FAVORITES" style="text;html=1;strokeColor=#6600CC;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="3470" y="-650" width="90" height="40" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-30" value="LOGIN" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="3550" y="-650" width="90" height="40" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-31" value="REGISTER" style="text;html=1;strokeColor=#6600CC;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="3630" y="-650" width="90" height="40" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-32" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" target="3rY_Ns122jnfuLzVrZuX-38" edge="1">
          <mxGeometry relative="1" as="geometry">
            <Array as="points">
              <mxPoint x="3770" y="-555" />
              <mxPoint x="3770" y="-555" />
            </Array>
            <mxPoint x="3750" y="-555" as="sourcePoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-35" value="&amp;lt;h2&amp;gt;&amp;lt;/h2&amp;gt;" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="3020" y="-575" width="80" height="30" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-36" value="&amp;lt;br&amp;gt;&amp;lt;/br&amp;gt;" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="3020" y="-545" width="80" height="30" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-37" value=".pagination" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="3814" y="-490" width="100" height="60" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-38" value=".banner-search" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="3814" y="-585" width="100" height="60" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-39" value="CARD" style="shape=trapezoid;perimeter=trapezoidPerimeter;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="3824.0000000000005" y="-225" width="110" height="50" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-41" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" target="3rY_Ns122jnfuLzVrZuX-39" edge="1">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="3730" y="-199.00000000000023" as="sourcePoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-43" value=".card-display" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="3824" y="-305" width="100" height="60" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-44" value="FOOTER" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="2988.5" y="-32.5" width="763" height="85" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-61" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="3295.5" y="-463.90000000000003" width="154" height="184.8" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-62" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="3487" y="-462.7" width="153" height="183.6" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-63" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="3100" y="-464.50000000000006" width="154" height="184.8" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-64" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="3295.5" y="-259.7" width="154" height="184.8" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-65" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="3487" y="-258.49999999999994" width="153" height="183.6" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-66" value="CARD" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="3100" y="-260.3" width="154" height="184.8" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-69" value="&lt;font style=&quot;font-size: 18px;&quot;&gt;home.js&lt;/font&gt;" style="shape=note;whiteSpace=wrap;html=1;backgroundOutline=1;darkOpacity=0.05;" parent="1" vertex="1">
          <mxGeometry x="-30" y="-1035" width="80" height="100" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-70" value="&lt;font style=&quot;font-size: 18px;&quot;&gt;search.js&lt;/font&gt;" style="shape=note;whiteSpace=wrap;html=1;backgroundOutline=1;darkOpacity=0.05;" parent="1" vertex="1">
          <mxGeometry x="1420" y="-695" width="80" height="100" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-71" value="&lt;font style=&quot;font-size: 18px;&quot;&gt;favorites.js&lt;/font&gt;" style="shape=note;whiteSpace=wrap;html=1;backgroundOutline=1;darkOpacity=0.05;" parent="1" vertex="1">
          <mxGeometry x="2840" y="-700" width="80" height="100" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-72" value="&lt;h1&gt;Create squeleton&lt;/h1&gt;&lt;p&gt;Files, links, basic html&lt;/p&gt;" style="text;html=1;strokeColor=none;fillColor=#006600;spacing=5;spacingTop=-20;whiteSpace=wrap;overflow=hidden;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="-770" y="-530" width="130" height="120" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-74" value="&lt;h1&gt;Basic styling&lt;/h1&gt;&lt;p&gt;Commponents diagrams and template&lt;/p&gt;" style="text;html=1;strokeColor=none;fillColor=#663300;spacing=5;spacingTop=-20;whiteSpace=wrap;overflow=hidden;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="-590" y="-531.25" width="161" height="120" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-75" value="&lt;h1&gt;Design backend&lt;/h1&gt;&lt;p&gt;Models and routes&lt;/p&gt;" style="text;html=1;strokeColor=none;fillColor=none;spacing=5;spacingTop=-20;whiteSpace=wrap;overflow=hidden;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="-770" y="-400" width="190" height="120" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-77" value="&lt;font style=&quot;font-size: 24px;&quot;&gt;&amp;lt; &amp;gt;&lt;/font&gt;" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="-273" y="-531.25" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-78" value="&lt;h1&gt;Configuring backend&lt;/h1&gt;&lt;p&gt;Models and routes&lt;/p&gt;" style="text;html=1;strokeColor=none;fillColor=none;spacing=5;spacingTop=-20;whiteSpace=wrap;overflow=hidden;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="-590" y="-400" width="190" height="120" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-79" value="&lt;font style=&quot;font-size: 24px;&quot;&gt;&amp;lt; &amp;gt;&lt;/font&gt;" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="-480" y="-355" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="3rY_Ns122jnfuLzVrZuX-80" value="&lt;h1&gt;&lt;/h1&gt;&lt;span style=&quot;font-size: 24px;&quot;&gt;&lt;b&gt;Design&lt;/b&gt;&lt;/span&gt;&lt;b style=&quot;font-size: 24px;&quot;&gt;&amp;nbsp;&lt;br&gt;functionalities&lt;/b&gt;&lt;h1&gt;&lt;span style=&quot;background-color: initial; font-size: 12px; font-weight: normal;&quot;&gt;Suuuper basic, bootstrap&lt;/span&gt;&lt;br&gt;&lt;/h1&gt;" style="text;html=1;strokeColor=none;fillColor=none;spacing=5;spacingTop=-20;whiteSpace=wrap;overflow=hidden;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="-378" y="-399.1" width="190" height="120" as="geometry" />
        </mxCell>
        <mxCell id="fWnj22Spbb2RyECRKWuP-9" value="1h" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="-695" y="-520" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="fWnj22Spbb2RyECRKWuP-10" value="HOME" style="shape=process;whiteSpace=wrap;html=1;backgroundOutline=1;" parent="1" vertex="1">
          <mxGeometry x="4220" y="-726.25" width="1250" height="640" as="geometry" />
        </mxCell>
        <mxCell id="fWnj22Spbb2RyECRKWuP-11" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="4387" y="-661.25" width="763" height="705" as="geometry" />
        </mxCell>
        <mxCell id="fWnj22Spbb2RyECRKWuP-12" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="fWnj22Spbb2RyECRKWuP-14" target="fWnj22Spbb2RyECRKWuP-28" edge="1">
          <mxGeometry relative="1" as="geometry">
            <Array as="points">
              <mxPoint x="5200" y="-281.25" />
              <mxPoint x="5200" y="-281.25" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="fWnj22Spbb2RyECRKWuP-13" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1.002;exitY=0.082;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;exitPerimeter=0;" parent="1" source="fWnj22Spbb2RyECRKWuP-14" target="fWnj22Spbb2RyECRKWuP-24" edge="1">
          <mxGeometry relative="1" as="geometry">
            <Array as="points">
              <mxPoint x="5150" y="-459.25" />
              <mxPoint x="5150" y="-466.25" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="fWnj22Spbb2RyECRKWuP-14" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="4390" y="-496.25" width="760" height="455" as="geometry" />
        </mxCell>
        <mxCell id="fWnj22Spbb2RyECRKWuP-15" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="4390" y="-661.25" width="760" height="50" as="geometry" />
        </mxCell>
        <mxCell id="fWnj22Spbb2RyECRKWuP-16" value="&lt;font style=&quot;font-size: 24px;&quot;&gt;LOGO&lt;/font&gt;" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="4400" y="-661.25" width="120" height="50" as="geometry" />
        </mxCell>
        <mxCell id="fWnj22Spbb2RyECRKWuP-17" value="SHOPING CART" style="text;html=1;strokeColor=#19011D;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;shadow=1;" parent="1" vertex="1">
          <mxGeometry x="4790" y="-656.25" width="90" height="40" as="geometry" />
        </mxCell>
        <mxCell id="fWnj22Spbb2RyECRKWuP-18" value="FAVORITES" style="text;html=1;strokeColor=#6600CC;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="4870" y="-656.25" width="90" height="40" as="geometry" />
        </mxCell>
        <mxCell id="fWnj22Spbb2RyECRKWuP-19" value="LOGIN" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="4950" y="-656.25" width="90" height="40" as="geometry" />
        </mxCell>
        <mxCell id="fWnj22Spbb2RyECRKWuP-20" value="REGISTER" style="text;html=1;strokeColor=#6600CC;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="5030" y="-656.25" width="90" height="40" as="geometry" />
        </mxCell>
        <mxCell id="fWnj22Spbb2RyECRKWuP-21" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" target="fWnj22Spbb2RyECRKWuP-25" edge="1">
          <mxGeometry relative="1" as="geometry">
            <Array as="points">
              <mxPoint x="5170" y="-561.25" />
              <mxPoint x="5170" y="-561.25" />
            </Array>
            <mxPoint x="5150" y="-561.25" as="sourcePoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="fWnj22Spbb2RyECRKWuP-22" value="&amp;lt;h2&amp;gt;&amp;lt;/h2&amp;gt;" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="4420" y="-581.25" width="80" height="30" as="geometry" />
        </mxCell>
        <mxCell id="fWnj22Spbb2RyECRKWuP-23" value="&amp;lt;br&amp;gt;&amp;lt;/br&amp;gt;" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="4420" y="-551.25" width="80" height="30" as="geometry" />
        </mxCell>
        <mxCell id="fWnj22Spbb2RyECRKWuP-24" value=".pagination" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="5214" y="-496.25" width="100" height="60" as="geometry" />
        </mxCell>
        <mxCell id="fWnj22Spbb2RyECRKWuP-25" value=".banner-search" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="5214" y="-591.25" width="100" height="60" as="geometry" />
        </mxCell>
        <mxCell id="fWnj22Spbb2RyECRKWuP-26" value="CARD" style="shape=trapezoid;perimeter=trapezoidPerimeter;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#CC00CC;" parent="1" vertex="1">
          <mxGeometry x="5224" y="-231.25" width="110" height="50" as="geometry" />
        </mxCell>
        <mxCell id="fWnj22Spbb2RyECRKWuP-27" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" target="fWnj22Spbb2RyECRKWuP-26" edge="1">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="5130" y="-205.25000000000023" as="sourcePoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="fWnj22Spbb2RyECRKWuP-28" value=".card-display" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="5224" y="-311.25" width="100" height="60" as="geometry" />
        </mxCell>
        <mxCell id="fWnj22Spbb2RyECRKWuP-29" value="FOOTER" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="4388.5" y="-38.75" width="763" height="85" as="geometry" />
        </mxCell>
        <mxCell id="fWnj22Spbb2RyECRKWuP-36" value="&lt;font style=&quot;font-size: 18px;&quot;&gt;register.js&lt;/font&gt;" style="shape=note;whiteSpace=wrap;html=1;backgroundOutline=1;darkOpacity=0.05;" parent="1" vertex="1">
          <mxGeometry x="4240" y="-706.25" width="80" height="100" as="geometry" />
        </mxCell>
        <mxCell id="fWnj22Spbb2RyECRKWuP-37" value=".search-bar" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#007FFF;" parent="1" vertex="1">
          <mxGeometry x="1670" y="-715" width="100" height="60" as="geometry" />
        </mxCell>
        <mxCell id="pHEEVUBPoDz-0bnXpHFc-1" value="&lt;h1&gt;Images in cloud&lt;/h1&gt;&lt;p&gt;External API&lt;/p&gt;" style="text;html=1;strokeColor=none;fillColor=none;spacing=5;spacingTop=-20;whiteSpace=wrap;overflow=hidden;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="-770" y="-275" width="190" height="120" as="geometry" />
        </mxCell>
        <mxCell id="pHEEVUBPoDz-0bnXpHFc-3" value="&lt;font style=&quot;font-size: 24px;&quot;&gt;TODOS&lt;/font&gt;" style="swimlane;fontStyle=0;childLayout=stackLayout;horizontal=1;startSize=30;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=1;marginBottom=0;whiteSpace=wrap;html=1;fillColor=#FF6666;" parent="1" vertex="1">
          <mxGeometry x="-570" y="90" width="180" height="150" as="geometry" />
        </mxCell>
        <mxCell id="pHEEVUBPoDz-0bnXpHFc-4" value="SHOPPING CART SKELETON" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="pHEEVUBPoDz-0bnXpHFc-3" vertex="1">
          <mxGeometry y="30" width="180" height="30" as="geometry" />
        </mxCell>
        <mxCell id="pHEEVUBPoDz-0bnXpHFc-5" value="DEFINE FONT SIZES" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="pHEEVUBPoDz-0bnXpHFc-3" vertex="1">
          <mxGeometry y="60" width="180" height="30" as="geometry" />
        </mxCell>
        <mxCell id="8OMAQQNjCRO78wVNDCfl-2" value="STYLIZE CATALOGUE" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" vertex="1" parent="pHEEVUBPoDz-0bnXpHFc-3">
          <mxGeometry y="90" width="180" height="30" as="geometry" />
        </mxCell>
        <mxCell id="8OMAQQNjCRO78wVNDCfl-3" value="START BACK END" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" vertex="1" parent="pHEEVUBPoDz-0bnXpHFc-3">
          <mxGeometry y="120" width="180" height="30" as="geometry" />
        </mxCell>
        <mxCell id="8OMAQQNjCRO78wVNDCfl-1" value="&lt;h1&gt;&lt;/h1&gt;&lt;b style=&quot;font-size: 24px;&quot;&gt;Styling&lt;br&gt;pages&lt;/b&gt;&lt;h1&gt;&lt;span style=&quot;background-color: initial; font-size: 12px; font-weight: normal;&quot;&gt;Suuuper basic, bootstrap&lt;/span&gt;&lt;br&gt;&lt;/h1&gt;" style="text;html=1;strokeColor=none;fillColor=#663300;spacing=5;spacingTop=-20;whiteSpace=wrap;overflow=hidden;rounded=0;" vertex="1" parent="1">
          <mxGeometry x="-380" y="-530" width="190" height="120" as="geometry" />
        </mxCell>
      </root>
    </mxGraphModel>
  </diagram>
</mxfile>