---
title: "UI Wireframe Template"
description: "A flowchart diagram showing process flow and decision points"
category: "examples"
type: "flowchart"
source_file: "examples/Wireframe_decoded.xml"
tags: ["ui", "design", "wireframe", "sample", "drawio", "example"]
---

# UI Wireframe Template

A flowchart diagram showing process flow and decision points

## XML Source

```xml
<?xml version="1.0" ?>
<mxGraphModel dx="1086" dy="614" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="826" pageHeight="1169" background="#ffffff" math="0" shadow="0">
  <root>
    <mxCell id="0" style=";html=1;"/>
    <mxCell id="1" style=";html=1;" parent="0"/>
    <mxCell id="2" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.graphics.iconGrid;strokeColor=#999999;gridSize=1,1;html=1;" parent="1" vertex="1">
      <mxGeometry x="30" y="30" width="90" height="40" as="geometry"/>
    </mxCell>
    <mxCell id="3" value="Search" style="strokeWidth=1;shape=mxgraph.mockup.forms.searchBox;strokeColor=#999999;mainText=;strokeColor2=#008cff;fontColor=#666666;fontSize=12;align=left;spacingLeft=3;html=1;" parent="1" vertex="1">
      <mxGeometry x="159.99999999999997" y="40.000000000000135" width="320" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="4" value="Logo" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;fontSize=18;html=1;" parent="1" vertex="1">
      <mxGeometry x="30" y="30" width="90" height="40" as="geometry"/>
    </mxCell>
    <mxCell id="5" value="Upload" style="strokeWidth=1;shape=mxgraph.mockup.forms.comboBox;strokeColor=#999999;fillColor=#CCCCCC;align=left;fillColor2=#CCCCCC;mainText=;fontColor=#666666;fontSize=12;spacingLeft=3;html=1;" parent="1" vertex="1">
      <mxGeometry x="489.99999999999994" y="39.999999999999865" width="110" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="6" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.graphics.iconGrid;strokeColor=#999999;gridSize=1,1;html=1;" parent="1" vertex="1">
      <mxGeometry x="760" y="30.000000000000092" width="40" height="39.99999999999999" as="geometry"/>
    </mxCell>
    <mxCell id="7" value="User&#10;Avatar" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="760" y="30.000000000000092" width="40" height="39.99999999999999" as="geometry"/>
    </mxCell>
    <mxCell id="8" value="johndoe@jgraph.com" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="630" y="39.999999999999936" width="110" height="20.000000000000064" as="geometry"/>
    </mxCell>
    <mxCell id="9" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.containers.videoPlayer;strokeColor=#666666;strokeColor2=#008cff;strokeColor3=#c4c4c4;textColor=#666666;fillColor=#ffffff;fillColor2=#008cff;barHeight=30;barPos=20;html=1;" parent="1" vertex="1">
      <mxGeometry x="160" y="89.99999999999999" width="440" height="289.9999999999999" as="geometry"/>
    </mxCell>
    <mxCell id="10" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.markup.line;strokeColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="30.000000000000114" y="70" width="769.9999999999999" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="11" value="user name" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="30" y="90.0000000000002" width="130" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="12" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=2;shape=mxgraph.ios7.misc.options;fillColor=#CCCCCC;html=1;" parent="1" vertex="1">
      <mxGeometry x="134.0000000000001" y="97.00000000000021" width="12" height="6" as="geometry"/>
    </mxCell>
    <mxCell id="13" value="What to Watch" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="30.00000000000015" y="110.00000000000031" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="14" value="My subscriptions" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="30.000000000000036" y="130.00000000000028" width="129.99999999999997" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="15" value="Social" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="30.000000000000185" y="150.00000000000026" width="129.99999999999997" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="16" value="Playlists" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="30.0000000000002" y="170.00000000000037" width="129.99999999999997" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="17" value="History" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="29.99999999999995" y="190.00000000000034" width="129.99999999999997" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="18" value="Watch Later" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="30.000000000000227" y="210.00000000000045" width="129.99999999999997" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="19" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.markup.line;strokeColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="35.00000000000032" y="225.0000000000001" width="119.99999999999989" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="20" value="SUBSCRIPTIONS" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="30.00000000000024" y="240.00000000000057" width="129.99999999999997" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="21" value="sub 1" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="30.000000000000362" y="260.00000000000045" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="22" value="sub 2" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="30.000000000000313" y="280.00000000000045" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="23" value="sub 3" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="30" y="300.00000000000057" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="24" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.markup.line;strokeColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="35.00000000000007" y="320.00000000000057" width="119.99999999999989" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="25" value="Browse channels" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="29.999999999999986" y="340.00000000000045" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="26" value="Manage subscriptions" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="29.999999999999936" y="360.00000000000057" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="27" value="mxGraph tutorial video" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=18;html=1;" parent="1" vertex="1">
      <mxGeometry x="159.99999999999983" y="390.0000000000004" width="280.00000000000017" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="28" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.graphics.iconGrid;strokeColor=#999999;gridSize=1,1;html=1;" parent="1" vertex="1">
      <mxGeometry x="159.9999999999998" y="420" width="40" height="39.99999999999999" as="geometry"/>
    </mxCell>
    <mxCell id="29" value="Owner&#10;Avatar" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="159.9999999999998" y="420" width="40" height="39.99999999999999" as="geometry"/>
    </mxCell>
    <mxCell id="30" value="Owner name" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="210" y="419.9999999999999" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="31" value="# videos" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="309.99999999999994" y="419.99999999999983" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="32" value="subscribe" style="whiteSpace=wrap;rounded=1;strokeColor=#CCCCCC;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="210" y="439.9999999999996" width="90" height="20.000000000000398" as="geometry"/>
    </mxCell>
    <mxCell id="33" value="# subscribers" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="309.99999999999994" y="439.99999999999966" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="34" value="# views" style="text;spacingTop=-5;align=right;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="470.00000000000006" y="409.99999999999943" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="35" value="" style="strokeWidth=1;shape=mxgraph.ios7ui.downloadBar;verticalAlign=top;spacingTop=-4;fontSize=8;fontColor=#000000;buttonText=;barPos=90;fillColor=#aaaaaa;strokeColor=#0080f0;html=1;" parent="1" vertex="1">
      <mxGeometry x="490" y="419.90740740740716" width="110.11574074074065" height="30" as="geometry"/>
    </mxCell>
    <mxCell id="36" value="# dislikes" style="text;spacingTop=-5;align=right;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="550" y="434.907407407407" width="49.999999999999886" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="37" value="# likes" style="text;spacingTop=-5;align=right;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="500.0000000000002" y="434.9074074074069" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="38" value="report" style="text;spacingTop=-5;align=right;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="560.1157407407409" y="459.99999999999994" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="39" value="stats" style="text;spacingTop=-5;align=right;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="520.115740740741" y="459.99999999999955" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="40" value="Add to" style="text;spacingTop=-5;align=right;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="490.00000000000017" y="459.99999999999943" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="41" value="Share" style="text;spacingTop=-5;align=right;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="450.0000000000003" y="459.9999999999993" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="42" value="About" style="text;spacingTop=-5;align=right;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="415.0000000000001" y="459.9999999999993" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="43" value="Publication Date" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="159.9999999999997" y="494.9999999999989" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="44" value="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&#10;Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem." style="text;spacingTop=-5;whiteSpace=wrap;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="159.99999999999977" y="510" width="440.0000000000002" height="210" as="geometry"/>
    </mxCell>
    <mxCell id="45" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.graphics.iconGrid;strokeColor=#999999;gridSize=1,1;html=1;" parent="1" vertex="1">
      <mxGeometry x="609.9999999999982" y="227.4999999999991" width="80" height="49.999999999999545" as="geometry"/>
    </mxCell>
    <mxCell id="46" value="Video 1" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="609.9999999999982" y="227.4999999999991" width="80" height="49.99999999999953" as="geometry"/>
    </mxCell>
    <mxCell id="47" value="Suggested video 1" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.9999999999983" y="227.49999999999915" width="129.99999999999997" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="48" value="Owner" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.9999999999982" y="242.49999999999858" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="49" value="# Views" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.9999999999983" y="257.4999999999985" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="50" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.graphics.iconGrid;strokeColor=#999999;gridSize=1,1;html=1;" parent="1" vertex="1">
      <mxGeometry x="609.9999999999981" y="282.4999999999992" width="80" height="49.999999999999545" as="geometry"/>
    </mxCell>
    <mxCell id="51" value="Video 2" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="609.9999999999981" y="282.4999999999992" width="80" height="49.99999999999953" as="geometry"/>
    </mxCell>
    <mxCell id="52" value="Suggested video 2" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.9999999999982" y="282.49999999999926" width="129.99999999999997" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="53" value="Owner" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.9999999999981" y="297.4999999999987" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="54" value="# Views" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.9999999999982" y="312.4999999999987" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="55" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.graphics.iconGrid;strokeColor=#999999;gridSize=1,1;html=1;" parent="1" vertex="1">
      <mxGeometry x="609.9999999999982" y="337.499999999999" width="80" height="49.999999999999545" as="geometry"/>
    </mxCell>
    <mxCell id="56" value="Video 3" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="609.9999999999982" y="337.499999999999" width="80" height="49.99999999999953" as="geometry"/>
    </mxCell>
    <mxCell id="57" value="Suggested video 3" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.9999999999983" y="337.499999999999" width="129.99999999999997" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="58" value="Owner" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.9999999999982" y="352.4999999999984" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="59" value="# Views" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.9999999999983" y="367.4999999999984" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="60" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.graphics.iconGrid;strokeColor=#999999;gridSize=1,1;html=1;" parent="1" vertex="1">
      <mxGeometry x="609.9999999999981" y="392.49999999999943" width="80" height="49.999999999999545" as="geometry"/>
    </mxCell>
    <mxCell id="61" value="Video 4" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="609.9999999999981" y="392.4999999999995" width="80" height="49.99999999999953" as="geometry"/>
    </mxCell>
    <mxCell id="62" value="Suggested video 4" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.9999999999982" y="392.4999999999995" width="129.99999999999997" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="63" value="Owner" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.9999999999981" y="407.499999999999" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="64" value="# Views" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.9999999999982" y="422.4999999999989" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="65" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.graphics.iconGrid;strokeColor=#999999;gridSize=1,1;html=1;" parent="1" vertex="1">
      <mxGeometry x="609.999999999998" y="447.49999999999955" width="80" height="49.999999999999545" as="geometry"/>
    </mxCell>
    <mxCell id="66" value="Video 5" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="609.999999999998" y="447.4999999999996" width="80" height="49.99999999999953" as="geometry"/>
    </mxCell>
    <mxCell id="67" value="Suggested video 5" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.9999999999981" y="447.4999999999996" width="129.99999999999997" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="68" value="Owner" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.999999999998" y="462.4999999999991" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="69" value="# Views" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.9999999999981" y="477.49999999999903" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="70" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.graphics.iconGrid;strokeColor=#999999;gridSize=1,1;html=1;" parent="1" vertex="1">
      <mxGeometry x="609.9999999999978" y="502.49999999999915" width="80" height="49.999999999999545" as="geometry"/>
    </mxCell>
    <mxCell id="71" value="Video 6" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="609.9999999999978" y="502.4999999999992" width="80" height="49.99999999999953" as="geometry"/>
    </mxCell>
    <mxCell id="72" value="Suggested video 6" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.999999999998" y="502.4999999999992" width="129.99999999999997" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="73" value="Owner" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.9999999999978" y="517.4999999999986" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="74" value="# Views" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.999999999998" y="532.4999999999986" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="75" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.graphics.iconGrid;strokeColor=#999999;gridSize=1,1;html=1;" parent="1" vertex="1">
      <mxGeometry x="609.9999999999983" y="557.4074074074058" width="80" height="49.999999999999545" as="geometry"/>
    </mxCell>
    <mxCell id="76" value="Video 7" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="609.9999999999983" y="557.4074074074059" width="80" height="49.99999999999953" as="geometry"/>
    </mxCell>
    <mxCell id="77" value="Suggested video 7" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.9999999999984" y="557.4074074074059" width="129.99999999999997" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="78" value="Owner" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.9999999999983" y="572.4074074074053" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="79" value="# Views" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.9999999999984" y="587.4074074074053" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="80" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.graphics.iconGrid;strokeColor=#999999;gridSize=1,1;html=1;" parent="1" vertex="1">
      <mxGeometry x="609.9999999999982" y="612.499999999998" width="80" height="49.999999999999545" as="geometry"/>
    </mxCell>
    <mxCell id="81" value="Video 8" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="609.9999999999982" y="612.499999999998" width="80" height="49.99999999999953" as="geometry"/>
    </mxCell>
    <mxCell id="82" value="Suggested video 8" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.9999999999983" y="612.499999999998" width="129.99999999999997" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="83" value="Owner" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.9999999999982" y="627.4999999999975" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="84" value="# Views" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.9999999999983" y="642.4999999999975" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="85" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.graphics.iconGrid;strokeColor=#999999;gridSize=1,1;html=1;" parent="1" vertex="1">
      <mxGeometry x="609.9999999999983" y="667.4999999999986" width="80" height="49.999999999999545" as="geometry"/>
    </mxCell>
    <mxCell id="86" value="Video 9" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="609.9999999999983" y="667.4999999999986" width="80" height="49.99999999999953" as="geometry"/>
    </mxCell>
    <mxCell id="87" value="Suggested video 9" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.9999999999984" y="667.4999999999986" width="129.99999999999997" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="88" value="Owner" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.9999999999983" y="682.4999999999982" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="89" value="# Views" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.9999999999984" y="697.4999999999982" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="90" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.graphics.iconGrid;strokeColor=#999999;gridSize=1,1;html=1;" parent="1" vertex="1">
      <mxGeometry x="609.9999999999982" y="722.4999999999991" width="80" height="49.999999999999545" as="geometry"/>
    </mxCell>
    <mxCell id="91" value="Video 10" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="609.9999999999982" y="722.4999999999992" width="80" height="49.99999999999953" as="geometry"/>
    </mxCell>
    <mxCell id="92" value="Suggested video 10" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.9999999999983" y="722.4999999999992" width="129.99999999999997" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="93" value="Owner" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.9999999999982" y="737.4999999999986" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="94" value="# Views" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="689.9999999999983" y="752.4999999999986" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="95" value="ALL COMMENTS (#)" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="160.00000000000026" y="720" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="96" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.graphics.iconGrid;strokeColor=#E6E6E6;gridSize=1,1;html=1;" parent="1" vertex="1">
      <mxGeometry x="160.0000000000002" y="740" width="40" height="39.99999999999999" as="geometry"/>
    </mxCell>
    <mxCell id="97" value="User&#10;Avatar" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="159.9999999999997" y="740" width="40" height="39.99999999999999" as="geometry"/>
    </mxCell>
    <mxCell id="99" value="" style="whiteSpace=wrap;strokeColor=#B3B3B3;html=1;" parent="1" vertex="1">
      <mxGeometry x="210" y="740" width="390" height="40" as="geometry"/>
    </mxCell>
    <mxCell id="100" value="Like" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="160.0000000000005" y="470.0000000000002" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="101" value="Dislike" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="210.00000000000006" y="470.0000000000004" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="102" value="Top comments" style="whiteSpace=wrap;rounded=1;strokeColor=#CCCCCC;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="159.9999999999997" y="790" width="100.00000000000031" height="20.000000000000455" as="geometry"/>
    </mxCell>
    <mxCell id="103" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.graphics.iconGrid;strokeColor=#E6E6E6;gridSize=1,1;html=1;" parent="1" vertex="1">
      <mxGeometry x="160.000000000001" y="820" width="40" height="39.99999999999999" as="geometry"/>
    </mxCell>
    <mxCell id="104" value="User&#10;Avatar" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="160.00000000000048" y="820" width="40" height="39.99999999999999" as="geometry"/>
    </mxCell>
    <mxCell id="105" value="User" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="209.9999999999998" y="820" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="106" value="via" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="249.9999999999996" y="820" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="107" value="Network" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="279.99999999999943" y="819.9999999999999" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="108" value="Time" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="329.99999999999926" y="820" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="109" value="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;whiteSpace=wrap;html=1;" parent="1" vertex="1">
      <mxGeometry x="210" y="839.9999999999999" width="370" height="20.000000000000114" as="geometry"/>
    </mxCell>
    <mxCell id="110" value="Reply" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="210.00000000000009" y="860.0000000000003" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="111" value="Rating" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="249.99999999999952" y="860.0000000000005" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="112" value="Like" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="290.00000000000017" y="860.0000000000006" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="113" value="Dislike" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="320.0000000000001" y="860.0000000000007" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="114" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.graphics.iconGrid;strokeColor=#E6E6E6;gridSize=1,1;html=1;" parent="1" vertex="1">
      <mxGeometry x="160.11574074074193" y="890.0000000000001" width="40" height="39.99999999999999" as="geometry"/>
    </mxCell>
    <mxCell id="115" value="User&#10;Avatar" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="160.11574074074142" y="890.0000000000001" width="40" height="39.99999999999999" as="geometry"/>
    </mxCell>
    <mxCell id="116" value="User" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="210.11574074074073" y="890.0000000000001" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="117" value="via" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="250.11574074074053" y="890.0000000000001" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="118" value="Network" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="280.1157407407403" y="890" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="119" value="Time" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="330.11574074074014" y="890.0000000000001" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="120" value="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;whiteSpace=wrap;html=1;" parent="1" vertex="1">
      <mxGeometry x="210.11574074074093" y="910" width="370" height="20.000000000000114" as="geometry"/>
    </mxCell>
    <mxCell id="121" value="Reply" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="210.11574074074102" y="930.0000000000005" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="122" value="Rating" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="250.11574074074048" y="930.0000000000006" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="123" value="Like" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="290.11574074074105" y="930.0000000000007" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="124" value="Dislike" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="320.115740740741" y="930.0000000000008" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="136" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.graphics.iconGrid;strokeColor=#E6E6E6;gridSize=1,1;html=1;" parent="1" vertex="1">
      <mxGeometry x="189.99999999999864" y="950.0000000000008" width="40" height="39.99999999999999" as="geometry"/>
    </mxCell>
    <mxCell id="137" value="User&#10;Avatar" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="189.99999999999812" y="950.0000000000008" width="40" height="39.99999999999999" as="geometry"/>
    </mxCell>
    <mxCell id="138" value="User" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="239.99999999999744" y="950.0000000000008" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="139" value="via" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="279.9999999999972" y="950.0000000000008" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="140" value="Network" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="309.99999999999704" y="950.0000000000007" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="141" value="Time" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="359.9999999999969" y="950.0000000000008" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="142" value="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;whiteSpace=wrap;html=1;" parent="1" vertex="1">
      <mxGeometry x="239.99999999999764" y="970.0000000000007" width="370" height="20.000000000000114" as="geometry"/>
    </mxCell>
    <mxCell id="143" value="Reply" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="239.99999999999773" y="990.0000000000011" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="144" value="Rating" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="279.99999999999716" y="990.0000000000014" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="145" value="Like" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="319.9999999999978" y="990.0000000000014" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="146" value="Dislike" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="349.9999999999977" y="990.0000000000016" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="147" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.graphics.iconGrid;strokeColor=#E6E6E6;gridSize=1,1;html=1;" parent="1" vertex="1">
      <mxGeometry x="159.99999999999764" y="1010.0000000000014" width="40" height="39.99999999999999" as="geometry"/>
    </mxCell>
    <mxCell id="148" value="User&#10;Avatar" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="159.99999999999713" y="1010.0000000000014" width="40" height="39.99999999999999" as="geometry"/>
    </mxCell>
    <mxCell id="149" value="User" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="209.99999999999645" y="1010.0000000000014" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="150" value="via" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="249.99999999999625" y="1010.0000000000014" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="151" value="Network" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="279.9999999999961" y="1010.0000000000014" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="152" value="Time" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="329.9999999999959" y="1010.0000000000014" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="153" value="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;whiteSpace=wrap;html=1;" parent="1" vertex="1">
      <mxGeometry x="209.99999999999665" y="1030.0000000000014" width="370" height="20.000000000000114" as="geometry"/>
    </mxCell>
    <mxCell id="154" value="Reply" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="209.99999999999673" y="1050.0000000000018" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="155" value="Rating" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="249.9999999999962" y="1050.000000000002" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="156" value="Like" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="289.9999999999968" y="1050.000000000002" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="157" value="Dislike" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="319.99999999999676" y="1050.0000000000023" width="39.99999999999977" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="158" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.graphics.iconGrid;strokeColor=#999999;gridSize=1,1;html=1;" parent="1" vertex="1">
      <mxGeometry x="29.999999999999773" y="1090.0000000000023" width="90" height="40" as="geometry"/>
    </mxCell>
    <mxCell id="160" value="Logo" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;fontSize=18;html=1;" parent="1" vertex="1">
      <mxGeometry x="29.999999999999773" y="1090.0000000000023" width="90" height="40" as="geometry"/>
    </mxCell>
    <mxCell id="161" value="Language: English" style="strokeWidth=1;shape=mxgraph.mockup.forms.comboBox;strokeColor=#999999;fillColor=#CCCCCC;align=left;fillColor2=#CCCCCC;mainText=;fontColor=#666666;fontSize=12;spacingLeft=3;html=1;" parent="1" vertex="1">
      <mxGeometry x="129.99999999999767" y="1100.0000000000023" width="160.00000000000233" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="162" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.markup.line;strokeColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="30.000000000000114" y="1070.0000000000018" width="769.9999999999999" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="163" value="County: Worldwide" style="strokeWidth=1;shape=mxgraph.mockup.forms.comboBox;strokeColor=#999999;fillColor=#CCCCCC;align=left;fillColor2=#CCCCCC;mainText=;fontColor=#666666;fontSize=12;spacingLeft=3;html=1;" parent="1" vertex="1">
      <mxGeometry x="299.9999999999972" y="1100.0000000000023" width="160.00000000000233" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="164" value="Safety: On" style="strokeWidth=1;shape=mxgraph.mockup.forms.comboBox;strokeColor=#999999;fillColor=#CCCCCC;align=left;fillColor2=#CCCCCC;mainText=;fontColor=#666666;fontSize=12;spacingLeft=3;html=1;" parent="1" vertex="1">
      <mxGeometry x="479.99999999999994" y="1100.0000000000023" width="100.00000000000006" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="165" value="Help" style="strokeWidth=1;shape=mxgraph.mockup.forms.comboBox;strokeColor=#999999;fillColor=#CCCCCC;align=left;fillColor2=#CCCCCC;mainText=;fontColor=#666666;fontSize=12;spacingLeft=3;html=1;" parent="1" vertex="1">
      <mxGeometry x="590.0000000000001" y="1100.0000000000023" width="69.99999999999989" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="166" value="About" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="30.173611111112024" y="1130" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="167" value="Press &amp; Blogs" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="90.05787037037013" y="1130" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="168" value="Copyright" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="185.05787037036626" y="1130" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="169" value="Creators &amp; Partners" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="255.173611111111" y="1130" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="170" value="Advertising" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="380.0578703703702" y="1130" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="171" value="Developers" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="460.0578703703701" y="1130" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="172" value="Terms" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="30.000000000000018" y="1144.212962962963" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="173" value="Privacy" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="89.88425925925813" y="1144.212962962963" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="174" value="Policy &amp; Safety" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="184.88425925925424" y="1144.212962962963" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="175" value="Send feedback" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="254.99999999999895" y="1144.212962962963" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="176" value="Try something new!" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;fontSize=10;html=1;" parent="1" vertex="1">
      <mxGeometry x="379.8842592592582" y="1144.212962962963" width="129.99999999999986" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="177" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.graphics.iconGrid;strokeColor=#999999;gridSize=1,1;html=1;" parent="1" vertex="1">
      <mxGeometry x="610" y="89.99999999999997" width="190" height="130.00000000000003" as="geometry"/>
    </mxCell>
    <mxCell id="178" value="Ad Space" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;fontSize=24;html=1;" parent="1" vertex="1">
      <mxGeometry x="610" y="89.99999999999997" width="190" height="130.00000000000003" as="geometry"/>
    </mxCell>
    <mxCell id="179" value="length" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="650" y="267.4999999999985" width="40" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="181" value="length" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="649.9999999999978" y="322.49999999999847" width="40" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="182" value="length" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="650.0000000000001" y="377.4999999999982" width="40" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="183" value="length" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="650.0000000000002" y="432.4999999999988" width="40" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="184" value="length" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="650.0000000000003" y="487.4999999999989" width="40" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="185" value="length" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="650.0000000000005" y="542.4999999999986" width="40" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="186" value="length" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="649.9999999999976" y="597.4074074074053" width="40" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="187" value="length" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="650.0000000000003" y="652.4999999999976" width="40" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="188" value="length" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="649.9999999999977" y="707.4999999999982" width="40" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="189" value="length" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="650.0000000000002" y="760.0000000000002" width="40" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="190" value="#" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="139.17361111111202" y="130.00000000000028" width="20.99999999999997" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="191" value="#" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="140.00000000000006" y="150.00000000000026" width="20.99999999999997" height="20.000000000000057" as="geometry"/>
    </mxCell>
    <mxCell id="192" value="#" style="text;spacingTop=-5;align=left;verticalAlign=middle;fontColor=#999999;html=1;" parent="1" vertex="1">
      <mxGeometry x="139.00000000000114" y="170.00000000000028" width="20.99999999999997" height="20.000000000000057" as="geometry"/>
    </mxCell>
  </root>
</mxGraphModel>

```