-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathProject2Wireframes
138 lines (138 loc) · 15.7 KB
/
Project2Wireframes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<mxfile host="app.diagrams.net" modified="2020-08-27T23:13:02.198Z" agent="5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.135 Safari/537.36" etag="30fV-KTKJ0nKTtq9j-dw" version="13.6.5" type="github" pages="2">
<diagram name="Desktop Version" id="2cc2dc42-3aac-f2a9-1cec-7a8b7cbee084">
<mxGraphModel dx="3131" dy="1089" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1100" pageHeight="850" background="#ffffff" math="0" shadow="0">
<root>
<mxCell id="0" />
<mxCell id="1" parent="0" />
<mxCell id="7026571954dc6520-1" value="" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.browserWindow;rSize=0;strokeColor=#666666;mainText=,;recursiveResize=0;rounded=0;labelBackgroundColor=none;fontFamily=Verdana;fontSize=12" parent="1" vertex="1">
<mxGeometry x="-940" y="50" width="1050" height="820" as="geometry" />
</mxCell>
<mxCell id="7026571954dc6520-2" value="Page 1" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.anchor;fontSize=17;fontColor=#666666;align=left;" parent="7026571954dc6520-1" vertex="1">
<mxGeometry x="60" y="12" width="110" height="26" as="geometry" />
</mxCell>
<mxCell id="7026571954dc6520-3" value="https://www.default.com" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.anchor;rSize=0;fontSize=17;fontColor=#666666;align=left;" parent="7026571954dc6520-1" vertex="1">
<mxGeometry x="130" y="60" width="250" height="26" as="geometry" />
</mxCell>
<mxCell id="7026571954dc6520-21" value="" style="verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.markup.line;strokeColor=#999999;rounded=0;labelBackgroundColor=none;fillColor=#ffffff;fontFamily=Verdana;fontSize=12;fontColor=#000000;" parent="7026571954dc6520-1" vertex="1">
<mxGeometry y="640" width="1050" height="20" as="geometry" />
</mxCell>
<mxCell id="esPE9xlW90GIf1vcCnCg-12" value="GIF Search Title" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=30;fontFamily=Verdana;perimeterSpacing=0;strokeColor=#000000;" parent="7026571954dc6520-1" vertex="1">
<mxGeometry x="20" y="120" width="252" height="50" as="geometry" />
</mxCell>
<mxCell id="esPE9xlW90GIf1vcCnCg-16" value="<span style="font-family: &#34;verdana&#34; ; font-size: 30px ; text-align: left">Textbox (input)</span>" style="rounded=1;whiteSpace=wrap;html=1;strokeColor=#000000;" parent="7026571954dc6520-1" vertex="1">
<mxGeometry x="250" y="250" width="310" height="80" as="geometry" />
</mxCell>
<mxCell id="esPE9xlW90GIf1vcCnCg-14" value="<span style="font-family: &#34;verdana&#34; ; text-align: left"><font style="font-size: 26px">Submit Button</font></span>" style="rounded=1;whiteSpace=wrap;html=1;strokeColor=#000000;" parent="7026571954dc6520-1" vertex="1">
<mxGeometry x="560" y="250" width="180" height="80" as="geometry" />
</mxCell>
<mxCell id="esPE9xlW90GIf1vcCnCg-17" value="<span style="font-family: &#34;verdana&#34; ; font-size: 30px ; text-align: left">GIF ex.</span>" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#000000;" parent="7026571954dc6520-1" vertex="1">
<mxGeometry x="170" y="363" width="170" height="85" as="geometry" />
</mxCell>
<mxCell id="esPE9xlW90GIf1vcCnCg-22" value="<span style="font-family: &#34;verdana&#34; ; font-size: 30px ; text-align: left">GIF ex.</span>" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#000000;" parent="7026571954dc6520-1" vertex="1">
<mxGeometry x="770" y="363" width="170" height="85" as="geometry" />
</mxCell>
<mxCell id="esPE9xlW90GIf1vcCnCg-21" value="<span style="font-family: &#34;verdana&#34; ; font-size: 30px ; text-align: left">GIF ex.</span>" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#000000;" parent="7026571954dc6520-1" vertex="1">
<mxGeometry x="560" y="363" width="170" height="85" as="geometry" />
</mxCell>
<mxCell id="esPE9xlW90GIf1vcCnCg-20" value="<span style="font-family: &#34;verdana&#34; ; font-size: 30px ; text-align: left">GIF ex.</span>" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#000000;" parent="7026571954dc6520-1" vertex="1">
<mxGeometry x="770" y="485" width="170" height="85" as="geometry" />
</mxCell>
<mxCell id="esPE9xlW90GIf1vcCnCg-19" value="<span style="font-family: &#34;verdana&#34; ; font-size: 30px ; text-align: left">GIF ex.</span>" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#000000;" parent="7026571954dc6520-1" vertex="1">
<mxGeometry x="560" y="485" width="170" height="85" as="geometry" />
</mxCell>
<mxCell id="esPE9xlW90GIf1vcCnCg-18" value="<span style="font-family: &#34;verdana&#34; ; font-size: 30px ; text-align: left">GIF ex.</span>" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#000000;" parent="7026571954dc6520-1" vertex="1">
<mxGeometry x="370" y="363" width="170" height="85" as="geometry" />
</mxCell>
<mxCell id="esPE9xlW90GIf1vcCnCg-24" value="<span style="font-family: &#34;verdana&#34; ; font-size: 30px ; text-align: left">GIF ex.</span>" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#000000;" parent="7026571954dc6520-1" vertex="1">
<mxGeometry x="170" y="485" width="170" height="85" as="geometry" />
</mxCell>
<mxCell id="esPE9xlW90GIf1vcCnCg-23" value="<span style="font-family: &#34;verdana&#34; ; font-size: 30px ; text-align: left">GIF ex.</span>" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#000000;" parent="7026571954dc6520-1" vertex="1">
<mxGeometry x="370" y="485" width="170" height="85" as="geometry" />
</mxCell>
<mxCell id="WLkfj63BNHFWo86-iBQW-1" value="<font style="font-size: 24px">Nav Bar</font>" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="7026571954dc6520-1">
<mxGeometry x="540" y="130" width="480" height="60" as="geometry" />
</mxCell>
<mxCell id="Kr5dUhiwtu9nitTj-n0h-1" value="<span style="font-size: 15px">Clickable Item</span>" style="text;html=1;strokeColor=#000000;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=9;" vertex="1" parent="7026571954dc6520-1">
<mxGeometry x="150" y="705" width="170" height="25" as="geometry" />
</mxCell>
<mxCell id="Kr5dUhiwtu9nitTj-n0h-2" value="<span style="font-size: 15px">Clickable Item</span>" style="text;html=1;strokeColor=#000000;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=9;" vertex="1" parent="7026571954dc6520-1">
<mxGeometry x="430" y="705" width="170" height="25" as="geometry" />
</mxCell>
<mxCell id="Kr5dUhiwtu9nitTj-n0h-4" value="<span style="font-size: 15px">Clickable Item</span>" style="text;html=1;strokeColor=#000000;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=9;" vertex="1" parent="7026571954dc6520-1">
<mxGeometry x="730" y="705" width="170" height="25" as="geometry" />
</mxCell>
</root>
</mxGraphModel>
</diagram>
<diagram name="Mobile Version" id="OErYbkNQR8tcVppETWaT">
<mxGraphModel dx="1896" dy="1866" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1100" pageHeight="850" background="#ffffff" math="0" shadow="0">
<root>
<mxCell id="ST-oKgZp3d2zIzgDG_t4-0" />
<mxCell id="ST-oKgZp3d2zIzgDG_t4-1" parent="ST-oKgZp3d2zIzgDG_t4-0" />
<mxCell id="ST-oKgZp3d2zIzgDG_t4-2" value="" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.browserWindow;rSize=0;strokeColor=#666666;mainText=,;recursiveResize=0;rounded=0;labelBackgroundColor=none;fontFamily=Verdana;fontSize=12" parent="ST-oKgZp3d2zIzgDG_t4-1" vertex="1">
<mxGeometry x="320" y="-40" width="540" height="995" as="geometry" />
</mxCell>
<mxCell id="ST-oKgZp3d2zIzgDG_t4-3" value="Page 1" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.anchor;fontSize=17;fontColor=#666666;align=left;" parent="ST-oKgZp3d2zIzgDG_t4-2" vertex="1">
<mxGeometry x="60" y="12" width="110" height="26" as="geometry" />
</mxCell>
<mxCell id="ST-oKgZp3d2zIzgDG_t4-4" value="https://www.default.com" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.anchor;rSize=0;fontSize=17;fontColor=#666666;align=left;" parent="ST-oKgZp3d2zIzgDG_t4-2" vertex="1">
<mxGeometry x="130" y="60" width="250" height="26" as="geometry" />
</mxCell>
<mxCell id="ST-oKgZp3d2zIzgDG_t4-5" value="GIF Search Title" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=30;fontFamily=Verdana;perimeterSpacing=0;strokeColor=#000000;" parent="ST-oKgZp3d2zIzgDG_t4-2" vertex="1">
<mxGeometry x="40" y="140" width="300" height="50" as="geometry" />
</mxCell>
<mxCell id="ST-oKgZp3d2zIzgDG_t4-7" value="" style="verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.markup.line;strokeColor=#999999;rounded=0;labelBackgroundColor=none;fillColor=#ffffff;fontFamily=Verdana;fontSize=12;fontColor=#000000;" parent="ST-oKgZp3d2zIzgDG_t4-2" vertex="1">
<mxGeometry y="245" width="1050" height="20" as="geometry" />
</mxCell>
<mxCell id="ST-oKgZp3d2zIzgDG_t4-8" value="" style="verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.markup.line;strokeColor=#999999;rounded=0;labelBackgroundColor=none;fillColor=#ffffff;fontFamily=Verdana;fontSize=12;fontColor=#000000;" parent="ST-oKgZp3d2zIzgDG_t4-2" vertex="1">
<mxGeometry y="745" width="1050" height="20" as="geometry" />
</mxCell>
<mxCell id="ST-oKgZp3d2zIzgDG_t4-13" value="<span style="font-family: &#34;verdana&#34; ; font-size: 30px ; text-align: left">Textbox (input)</span>" style="rounded=1;whiteSpace=wrap;html=1;strokeColor=#000000;" parent="ST-oKgZp3d2zIzgDG_t4-2" vertex="1">
<mxGeometry x="30" y="305" width="310" height="40" as="geometry" />
</mxCell>
<mxCell id="ST-oKgZp3d2zIzgDG_t4-14" value="<span style="font-family: &#34;verdana&#34; ; font-size: 30px ; text-align: left">Submit Btn</span>" style="rounded=1;whiteSpace=wrap;html=1;strokeColor=#000000;" parent="ST-oKgZp3d2zIzgDG_t4-2" vertex="1">
<mxGeometry x="340" y="305" width="185" height="40" as="geometry" />
</mxCell>
<mxCell id="ST-oKgZp3d2zIzgDG_t4-15" value="<span style="font-family: &#34;verdana&#34; ; font-size: 30px ; text-align: left">GIF ex.</span>" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#000000;" parent="ST-oKgZp3d2zIzgDG_t4-2" vertex="1">
<mxGeometry x="300" y="400" width="170" height="85" as="geometry" />
</mxCell>
<mxCell id="ST-oKgZp3d2zIzgDG_t4-21" value="<span style="font-family: &#34;verdana&#34; ; font-size: 30px ; text-align: left">GIF ex.</span>" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#000000;" parent="ST-oKgZp3d2zIzgDG_t4-2" vertex="1">
<mxGeometry x="100" y="400" width="170" height="85" as="geometry" />
</mxCell>
<mxCell id="ST-oKgZp3d2zIzgDG_t4-23" value="<span style="font-family: &#34;verdana&#34; ; font-size: 30px ; text-align: left">GIF ex.</span>" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#000000;" parent="ST-oKgZp3d2zIzgDG_t4-2" vertex="1">
<mxGeometry x="100" y="500" width="170" height="85" as="geometry" />
</mxCell>
<mxCell id="wDX_Erd0T2dZxBNtb6w7-0" value="<font style="font-size: 15px">Clickable Item</font>" style="text;html=1;strokeColor=#000000;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=9;" parent="ST-oKgZp3d2zIzgDG_t4-2" vertex="1">
<mxGeometry x="170" y="775" width="170" height="25" as="geometry" />
</mxCell>
<mxCell id="wDX_Erd0T2dZxBNtb6w7-1" value="<span style="font-size: 15px">Clickable Item</span>" style="text;html=1;strokeColor=#000000;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=9;" parent="ST-oKgZp3d2zIzgDG_t4-2" vertex="1">
<mxGeometry x="170" y="815" width="170" height="25" as="geometry" />
</mxCell>
<mxCell id="wDX_Erd0T2dZxBNtb6w7-2" value="<span style="font-size: 15px">Clickable Item</span>" style="text;html=1;strokeColor=#000000;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=9;" parent="ST-oKgZp3d2zIzgDG_t4-2" vertex="1">
<mxGeometry x="170" y="855" width="170" height="25" as="geometry" />
</mxCell>
<mxCell id="YHQTEVEUn6oH3proabPs-0" value="<span style="font-family: &#34;verdana&#34; ; font-size: 30px ; text-align: left">GIF ex.</span>" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#000000;" parent="ST-oKgZp3d2zIzgDG_t4-2" vertex="1">
<mxGeometry x="300" y="500" width="170" height="85" as="geometry" />
</mxCell>
<mxCell id="YHQTEVEUn6oH3proabPs-1" value="<span style="font-family: &#34;verdana&#34; ; font-size: 30px ; text-align: left">GIF ex.</span>" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#000000;" parent="ST-oKgZp3d2zIzgDG_t4-2" vertex="1">
<mxGeometry x="100" y="590" width="170" height="85" as="geometry" />
</mxCell>
<mxCell id="YHQTEVEUn6oH3proabPs-2" value="<span style="font-family: &#34;verdana&#34; ; font-size: 30px ; text-align: left">GIF ex.</span>" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#000000;" parent="ST-oKgZp3d2zIzgDG_t4-2" vertex="1">
<mxGeometry x="300" y="590" width="170" height="85" as="geometry" />
</mxCell>
<mxCell id="z9w-cWL4w9V1Y03eLlMY-0" value="" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="ST-oKgZp3d2zIzgDG_t4-2">
<mxGeometry x="410" y="120" width="120" height="60" as="geometry" />
</mxCell>
<mxCell id="z9w-cWL4w9V1Y03eLlMY-2" value="" style="line;strokeWidth=4;html=1;perimeter=backbonePerimeter;points=[];outlineConnect=0;" vertex="1" parent="ST-oKgZp3d2zIzgDG_t4-2">
<mxGeometry x="420" y="130" width="100" height="10" as="geometry" />
</mxCell>
<mxCell id="z9w-cWL4w9V1Y03eLlMY-3" value="" style="line;strokeWidth=4;html=1;perimeter=backbonePerimeter;points=[];outlineConnect=0;" vertex="1" parent="ST-oKgZp3d2zIzgDG_t4-2">
<mxGeometry x="420" y="145" width="100" height="10" as="geometry" />
</mxCell>
<mxCell id="z9w-cWL4w9V1Y03eLlMY-4" value="" style="line;strokeWidth=4;html=1;perimeter=backbonePerimeter;points=[];outlineConnect=0;" vertex="1" parent="ST-oKgZp3d2zIzgDG_t4-2">
<mxGeometry x="420" y="160" width="100" height="10" as="geometry" />
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>