-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
136 lines (119 loc) · 5.02 KB
/
index.html
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
<html>
<head>
<title></title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-theme.css">
<link rel="stylesheet" href="css/style.css">
<style>
nav{
color: #f0f5f8;
}
.form-control{
background-color: #f8fbfd;
}
#active{
background-color: #4a5a69 ;
}
</style>
</head>
<body>
<div class="container">
<a href="#"><img src="images/logo.png"></a>
<br>
<br>
<nav class="navbar navbar-default" style="-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
<li id="active"><a href="#articles" style="color: #ecedef;">Articles</a></li>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div class="row">
<!-- Left Column -->
<div class="col-md-8">
<h3>Designing The Most Desirable Product: Exploration of Banknotes Design</h3>
<hr>
<div>
<div style="width: 100%">
<img style="float: right" src="images/sample.PNG">
</div>
<div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellenstesque gravida eusmod augue, id rhoncus metus feugiat vitae.
Vivamus ullamcorper erat sed leo emperdiet sollicitudin. Sed placerat eu lacus et iaculis. Cras suscipit placerat mattis. Sed vitae imperidiet quam.
In et bibendum nunc. Integer ac diam sapien. Duis sit amet nisl laoreet, bibendum neque et, efficitur massa.
</p>
<p>
Sed in lectus non lectus laoreet pulvinar congue quis sem. Cras id hendrerit purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce
est ante, mattis id elementum a, feugiat ultrices justo. Aenean vitae porta magna. Integer posuere convallis blandit. Ut tempor leo metus, id
elementum nisi emperdiet vitae. Suspendisse pellenstesque tempus lorem, eget pharetra urna pellentesque quis. Suspendisse pellentesque tempus lorem,
eget pharetra urna pellenstque quis. <a href="#">Suspendisse</a> pellentesque tempus lorem, eget pharetra urna pellentesque quis. Suspendisse pellentesque
tempus lorem, eget phraretra urna pellenstque quis.
</p>
<p>
Praesebt posuere magna vel velit rutrum porta. In hac habitasse platea dictumst. Praesent aliquam erat non erat ultricies eleifend. Nullam aliquam dolor
egestas dui gravidia iaculis. Nullam nec luctus nulla, eget rhoncus tortor. Morbi non eleifend arcu, at congue massa.
<a href="#">Nam pellentesque mauris vitae venenatis aliques.</a> In sit amet ipsum ante. Sed sodales massa quis mauris convallis
</p>
<img src="images/scale.PNG" style="margin-left: auto; margin-right: auto; max-width: 100%">
<br>
<br>
<p>
Praesent posuere magna vel velit rutrum porta. In hac habitase platea dictumst. Praesent aliquam erat non erat ultricies eleifend. Nullam aliquam dolor
egestas dui gravida iavulis nullam nec luctus nulla, eget rhoncus tortor. Morbi non eleifend arcu, at congue massa.
</p>
<br>
<br>
</div>
</div>
</div>
<!-- Right Column -->
<div class="col-md-4">
<h4><span class="glyphicon glyphicon-envelope"></span> Contact Form</h4>
<form method="post" action="#">
<label>Name</label>
<input type="text" name="name" class="form-control">
<br>
<label for="email">Email</label>
<input id="email" type="email" name="email" class="form-control">
<br>
<label for="message">Message</label>
<textarea id="message" type="text" name="name" class="form-control" rows="6"></textarea>
<br>
<label for="updates">Receive email updates?</label>
<input id="updates" type="checkbox" name="name" class="form-control" checked style="float: right; width: 16px;height: 16px">
<br>
<hr>
<button type="submit" class="btn" style="background-color: #f26a5c; color: #fce6e5;float: right; width: 100px">Submit</button>
<br><br>
<h4><img src="images/pdf.PNG"> Download Resources</h4>
<hr>
<ul>
<li><span>Sample Download July</span></li>
<li><span>July Resources</span></li>
<li><span>Sample Download August</span></li>
<li><span>September Reports</span></li>
</ul>
</form>
</div>
</div>
</div>
<footer class="footer">
<div id="copyright">© 2016 Soulfx Technologies Inc. <span style="float: right; padding-right: 20px"><a href="#">Contact Us</a> | <a href="#">About Us</a></span></div>
</footer>
</body>
</html>