abstract-design/work3.html at master · cooliscool/abstract-design · GitHub

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
<html>
<head>
<title>Fashion Mobile Application</title>

	<script type="text/javascript" src="script/jquery-1.9.1.js"></script>
	<script type="text/javascript" src="script/work.js"></script>
	<link rel="stylesheet" type="text/css" href="style/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="style/work.css">

</head>


<body>
<div class="container maincontainer">

	<div class="row ">
		<div class="col-xs-2 col-xs-offset-6" id="back" >
			<a href="index.html#6">
				<img src='images/backarrow.svg'>&nbsp;BACK
			</a>
		</div>
		<div class="col-xs-2"></div>
		<div class="col-xs-2 ">

		</div>
	</div>

		<div class="row">
			<div class="col-xs-2 col-xs-offset-1"></div>
			<div class="col-xs-6" >
					<h2>Fashion Mobile Application</h2>
					<img src='images/1.png' id="tricircle">

			</div>
		</div>


		<div class="row">
			<div class="alignbundle">
				<a href="#" class="control_prev alignextra"></a>
				<div id="slider" class="alignextra">
					<ul>
						<li data-id="1"><img src="images/work/work3/1.png"></li>
						<li data-id="2"><img src="images/work/work3/2.png"></li>
						<li data-id="3"><img src="images/work/work3/3.png"></li>
						<li data-id="4"><img src="images/work/work3/4.png"></li>
						<li data-id="4"><img src="images/work/work3/5.png"></li>
					</ul>
				</div>
				<a href="#" class="control_next alignextra"></a>
			</div>
		</div>

		<div class="row nombp">

			<div class="alignbundle2">
				<div id="navigator" class="alignextra" >
				<ul>
				   <li><a class="anav" href="#" data-id="1" id="current"> &nbsp;</a></li>
				    <li><a class="anav" href="#" data-id="2"> &nbsp;</a></li>
				    <li><a class="anav" href="#" data-id="3"> &nbsp;</a></li>
				    <li><a class="anav" href="#" data-id="4"> &nbsp;</a></li>
				    <li><a class="anav" href="#" data-id="5"> &nbsp;</a></li>
			 	</ul>
				</div>
			</div>

		</div>


		<div class="row dummyrow"></div>
		<div class="row">
			<div class="col-xs-2"></div>
			<div class="col-xs-6" >
					<img id="blueround" src="images/blueround.png">
					<span id="contenttitlebar">|</span><span id="contenttitle">ABOUT THE PROJECT </span>
			</div>

		</div>

		<div class="row">
			<div class="col-xs-2"></div>
			<div class="col-xs-8" >
				<p id="descriptionpara">
					Experimenting with designing an e-commerce application was the first thing on my mind since I started designing for mobile application. Doing a retail fashion application exposed me into the world of consumer market research for FMCG. Retail mobile application requires the designer to be on par with the current trends in the market so that they can visually communicate to the users.

				</p>
				<img src='images/4.png' id="tricircle2">
			</div>
		</div>
</div>

</body>

</html>