<mxfile host="app.diagrams.net" modified="2022-12-21T02:10:21.655Z" agent="5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36" version="20.7.4" etag="bqQYShUhb2P68b5e5u-x" type="github">
  <diagram id="Q4K10BuqMYkyzfFGMrUS" name="Page-1">
    <mxGraphModel dx="1434" dy="771" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
      <root>
        <mxCell id="0" />
        <mxCell id="1" parent="0" />
        <mxCell id="lbafWc5C_9bPC2upVXbA-1" value="" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.browserWindow;rSize=0;strokeColor=#666666;strokeColor2=#008cff;strokeColor3=#c4c4c4;mainText=,;recursiveResize=0;" vertex="1" parent="1">
          <mxGeometry x="105" y="70" width="970" height="660" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-2" value="Sign in" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.anchor;fontSize=17;fontColor=#666666;align=left;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-1">
          <mxGeometry x="60" y="12" width="110" height="26" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-3" value="https://localhost:5000/signin" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.anchor;rSize=0;fontSize=17;fontColor=#666666;align=left;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-1">
          <mxGeometry x="130" y="60" width="250" height="26" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-5" value="" style="rounded=0;whiteSpace=wrap;html=1;rotation=90;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-1">
          <mxGeometry x="270" y="38.75" width="347.5" height="622.5" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-7" value="" style="aspect=fixed;html=1;points=[];align=center;image;fontSize=12;image=img/lib/azure2/general/Image.svg;rotation=90;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-1">
          <mxGeometry x="460" y="230" width="349.09" height="240" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-9" value="&lt;font style=&quot;font-size: 20px;&quot;&gt;Welcom back!&lt;/font&gt;" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-1">
          <mxGeometry x="180" y="210" width="150" height="40" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-10" value="Email" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=5;strokeColor=#CED4DA;strokeWidth=1;fillColor=#E9ECEF;fontColor=#505050;whiteSpace=wrap;align=left;verticalAlign=middle;spacingLeft=10;fontSize=14;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-1">
          <mxGeometry x="170" y="270" width="220" height="40" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-18" value="Password" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=5;strokeColor=#CED4DA;strokeWidth=1;fillColor=#E9ECEF;fontColor=#505050;whiteSpace=wrap;align=left;verticalAlign=middle;spacingLeft=10;fontSize=14;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-1">
          <mxGeometry x="170" y="330" width="220" height="40" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-19" value="Log in" style="labelPosition=center;verticalLabelPosition=middle;align=center;html=1;shape=mxgraph.basic.button;dx=10;whiteSpace=wrap;fontSize=20;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-1">
          <mxGeometry x="170" y="400" width="80" height="30" as="geometry" />
        </mxCell>
        <UserObject label="&lt;font style=&quot;font-size: 10px;&quot;&gt;Not registered yet? Sign up&lt;/font&gt;" link="https://www.draw.io" id="lbafWc5C_9bPC2upVXbA-20">
          <mxCell style="text;html=1;strokeColor=none;fillColor=none;whiteSpace=wrap;align=center;verticalAlign=middle;fontColor=#0000EE;fontStyle=4;fontSize=20;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-1">
            <mxGeometry x="10" y="380" width="430" height="10" as="geometry" />
          </mxCell>
        </UserObject>
        <mxCell id="lbafWc5C_9bPC2upVXbA-21" value="" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.browserWindow;rSize=0;strokeColor=#666666;strokeColor2=#008cff;strokeColor3=#c4c4c4;mainText=,;recursiveResize=0;fontSize=10;" vertex="1" parent="1">
          <mxGeometry x="105" y="880" width="970" height="660" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-22" value="Register" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.anchor;fontSize=17;fontColor=#666666;align=left;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-21">
          <mxGeometry x="60" y="12" width="110" height="26" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-23" value="https://localhost:5000/signup" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.anchor;rSize=0;fontSize=17;fontColor=#666666;align=left;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-21">
          <mxGeometry x="130" y="60" width="250" height="26" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-27" value="" style="rounded=0;whiteSpace=wrap;html=1;rotation=90;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-21">
          <mxGeometry x="285" y="50" width="347.5" height="622.5" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-28" value="" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.browserWindow;rSize=0;strokeColor=#666666;strokeColor2=#008cff;strokeColor3=#c4c4c4;mainText=,;recursiveResize=0;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-21">
          <mxGeometry width="970" height="660" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-29" value="Register" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.anchor;fontSize=17;fontColor=#666666;align=left;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-28">
          <mxGeometry x="60" y="12" width="110" height="26" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-30" value="https://localhost:5000/signup" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.anchor;rSize=0;fontSize=17;fontColor=#666666;align=left;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-28">
          <mxGeometry x="130" y="60" width="250" height="26" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-31" value="" style="rounded=0;whiteSpace=wrap;html=1;rotation=90;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-28">
          <mxGeometry x="270" y="38.75" width="347.5" height="622.5" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-32" value="" style="aspect=fixed;html=1;points=[];align=center;image;fontSize=12;image=img/lib/azure2/general/Image.svg;rotation=90;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-28">
          <mxGeometry x="460" y="230" width="349.09" height="240" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-33" value="&lt;font style=&quot;font-size: 20px;&quot;&gt;Sign up&lt;/font&gt;" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-28">
          <mxGeometry x="180" y="210" width="150" height="40" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-34" value="Name" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=5;strokeColor=#CED4DA;strokeWidth=1;fillColor=#E9ECEF;fontColor=#505050;whiteSpace=wrap;align=left;verticalAlign=middle;spacingLeft=10;fontSize=14;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-28">
          <mxGeometry x="170" y="270" width="220" height="40" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-35" value="Password" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=5;strokeColor=#CED4DA;strokeWidth=1;fillColor=#E9ECEF;fontColor=#505050;whiteSpace=wrap;align=left;verticalAlign=middle;spacingLeft=10;fontSize=14;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-28">
          <mxGeometry x="170" y="400" width="220" height="40" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-36" value="Register" style="labelPosition=center;verticalLabelPosition=middle;align=center;html=1;shape=mxgraph.basic.button;dx=10;whiteSpace=wrap;fontSize=20;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-28">
          <mxGeometry x="165" y="470" width="80" height="30" as="geometry" />
        </mxCell>
        <UserObject label="&lt;font style=&quot;font-size: 10px;&quot;&gt;Already registered? Sign in&lt;/font&gt;" link="https://www.draw.io" id="lbafWc5C_9bPC2upVXbA-37">
          <mxCell style="text;html=1;strokeColor=none;fillColor=none;whiteSpace=wrap;align=center;verticalAlign=middle;fontColor=#0000EE;fontStyle=4;fontSize=20;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-28">
            <mxGeometry x="15" y="450" width="430" height="10" as="geometry" />
          </mxCell>
        </UserObject>
        <mxCell id="lbafWc5C_9bPC2upVXbA-38" value="Email" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=5;strokeColor=#CED4DA;strokeWidth=1;fillColor=#E9ECEF;fontColor=#505050;whiteSpace=wrap;align=left;verticalAlign=middle;spacingLeft=10;fontSize=14;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-28">
          <mxGeometry x="170" y="340" width="220" height="40" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-44" value="" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.browserWindow;rSize=0;strokeColor=#666666;strokeColor2=#008cff;strokeColor3=#c4c4c4;mainText=,;recursiveResize=0;fontSize=10;" vertex="1" parent="1">
          <mxGeometry x="80" y="1660" width="1020" height="672" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-45" value="Register" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.anchor;fontSize=17;fontColor=#666666;align=left;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-44">
          <mxGeometry x="60" y="12" width="110" height="26" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-46" value="https://localhost:5000/signup" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.anchor;rSize=0;fontSize=17;fontColor=#666666;align=left;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-44">
          <mxGeometry x="130" y="60" width="250" height="26" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-47" value="" style="rounded=0;whiteSpace=wrap;html=1;rotation=90;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-44">
          <mxGeometry x="285" y="50" width="347.5" height="622.5" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-48" value="" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.browserWindow;rSize=0;strokeColor=#666666;strokeColor2=#008cff;strokeColor3=#c4c4c4;mainText=,;recursiveResize=0;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-44">
          <mxGeometry width="1020" height="672" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-49" value="Register" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.anchor;fontSize=17;fontColor=#666666;align=left;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-48">
          <mxGeometry x="60" y="12" width="110" height="26" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-50" value="https://localhost:5000/signup" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.anchor;rSize=0;fontSize=17;fontColor=#666666;align=left;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-48">
          <mxGeometry x="130" y="60" width="250" height="26" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-39" value="Create Listing MyBidding Profile Logout" style="html=1;shadow=0;dashed=0;fillColor=#F8F9FA;strokeColor=none;fontSize=16;fontColor=#7C7C7D;align=right;spacing=15;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-48">
          <mxGeometry y="110" width="970" height="60" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-40" value="MyAuction" style="strokeColor=none;html=1;whiteSpace=wrap;fillColor=none;fontColor=#181819;align=left;fontSize=16;spacing=10;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-39">
          <mxGeometry width="130" height="40" relative="1" as="geometry">
            <mxPoint x="10" y="10" as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-59" value="" style="rounded=0;whiteSpace=wrap;html=1;fontSize=10;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-48">
          <mxGeometry x="70" y="230" width="120" height="190" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-60" value="" style="rounded=0;whiteSpace=wrap;html=1;fontSize=10;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-48">
          <mxGeometry x="290" y="235" width="120" height="190" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-61" value="" style="rounded=0;whiteSpace=wrap;html=1;fontSize=10;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-48">
          <mxGeometry x="460" y="235" width="120" height="190" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-62" value="" style="sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#D45B07;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.container_registry_image;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-48">
          <mxGeometry x="70" y="235" width="115" height="115" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-63" value="" style="sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#D45B07;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.container_registry_image;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-48">
          <mxGeometry x="290" y="235" width="115" height="115" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-64" value="" style="sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#D45B07;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.container_registry_image;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-48">
          <mxGeometry x="460" y="235" width="115" height="115" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-76" value="" style="rounded=0;whiteSpace=wrap;html=1;fontSize=10;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-48">
          <mxGeometry x="710" y="230" width="120" height="190" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-77" value="" style="sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#D45B07;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.container_registry_image;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-48">
          <mxGeometry x="710" y="230" width="115" height="115" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-78" value="&lt;h1&gt;Heading&lt;/h1&gt;&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/p&gt;" style="text;html=1;strokeColor=none;fillColor=none;spacing=5;spacingTop=-20;whiteSpace=wrap;overflow=hidden;rounded=0;fontSize=10;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-48">
          <mxGeometry x="70" y="320" width="110" height="80" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-81" value="&lt;h1&gt;Heading&lt;/h1&gt;&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/p&gt;" style="text;html=1;strokeColor=none;fillColor=none;spacing=5;spacingTop=-20;whiteSpace=wrap;overflow=hidden;rounded=0;fontSize=10;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-48">
          <mxGeometry x="320" y="340" width="110" height="80" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-82" value="&lt;h1&gt;Heading&lt;/h1&gt;&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/p&gt;" style="text;html=1;strokeColor=none;fillColor=none;spacing=5;spacingTop=-20;whiteSpace=wrap;overflow=hidden;rounded=0;fontSize=10;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-48">
          <mxGeometry x="460" y="330" width="110" height="80" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-83" value="&lt;h1&gt;Heading&lt;/h1&gt;&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/p&gt;" style="text;html=1;strokeColor=none;fillColor=none;spacing=5;spacingTop=-20;whiteSpace=wrap;overflow=hidden;rounded=0;fontSize=10;" vertex="1" parent="lbafWc5C_9bPC2upVXbA-48">
          <mxGeometry x="720" y="320" width="110" height="80" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-84" value="&lt;font style=&quot;font-size: 20px;&quot;&gt;Sign in page&lt;/font&gt;" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=10;" vertex="1" parent="1">
          <mxGeometry x="110" y="20" width="680" height="30" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-85" value="&lt;font style=&quot;font-size: 20px;&quot;&gt;Sign up page&lt;/font&gt;" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=10;" vertex="1" parent="1">
          <mxGeometry x="105" y="830" width="680" height="30" as="geometry" />
        </mxCell>
        <mxCell id="lbafWc5C_9bPC2upVXbA-86" value="&lt;span style=&quot;font-size: 20px;&quot;&gt;Home page&lt;/span&gt;" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=10;" vertex="1" parent="1">
          <mxGeometry x="80" y="1590" width="680" height="30" as="geometry" />
        </mxCell>
      </root>
    </mxGraphModel>
  </diagram>
</mxfile>