-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·169 lines (160 loc) · 7.31 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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Section scroller template</title>
<meta name="generator" content="Bootply" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href="css/styles.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-trans navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapsible">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">POLINOM</a>
</div>
<div class="navbar-collapse collapse" id="navbar-collapsible">
<ul class="nav navbar-nav navbar-left">
<li><a href="#section1">What</a></li>
<li><a href="#section2">Who</a></li>
<li><a href="#section3">How</a></li>
<li><a href="#section7">Where</a></li>
<li> </li>
</ul>
</div>
</div>
</nav>
<section class="container-fluid" id="section1">
<h1 class="text-center v-center">Development and Consulting</h1>
<div class="container">
<div class="row">
<div class="col-sm-4">
<div class="row">
<div class="col-sm-10 col-sm-offset-2 text-center"><h4>WEB DEVELOPMENT</h4><p>Front-end & back-end. Languages & frameworks: js: backbone, angular, phonegap; php: zend, symfony; python: django, flask, pyramid.</p><i class="fa fa-cog fa-5x"></i></div>
</div>
</div>
<div class="col-sm-4 text-center">
<div class="row">
<div class="col-sm-10 col-sm-offset-1 text-center"><h4>STRATEGY</h4><p>Market research, technology audit, business plan development. PR, social media and copywriting support.</p><i class="fa fa-user fa-5x"></i></div>
</div>
</div>
<div class="col-sm-4 text-center">
<div class="row">
<div class="col-sm-10 text-center"><h4>DESIGN</h4><p>Graphic, web & UI, UX design, branding, corporate identity, print and online marketing materials.</p><i class="fa fa-mobile fa-5x"></i></div>
</div>
</div>
</div><!--/row-->
<div class="row"><br></div>
</div><!--/container-->
</section>
<section class="container-fluid" id="section2">
<div class="row">
<div class="col-sm-8 col-sm-offset-2 text-center">
<h1>Who we are?</h1>
<br>
<p class="lead">We’re a web product development team with a passion for startups. We offer a full scope of IT services – dedicated applications, content management systems, e-commerce solutions, as well as design, branding, marketing, public relations, social media & business strategy. Everything a start-up needs under one roof. Our team is small but extremly productive. </p>
<br>
<i style="font-size:160px" class="fa fa-users fa-5x"></i>
</div>
</div>
</section>
<section class="container-fluid" id="section3">
<h1 class="text-center">How we work?</h1>
<div class="row">
<div class="col-sm-6 col-sm-offset-3">
<h3 class="text-center">Working with us is a piece of cake</h3>
<div class="row">
<div class="col-xs-4 col-xs-offset-1">You don't need to prepare huge specefications and description of your idea. In fact you dont need to prepare anything at all. We will do it for you by asking you right questions. After we have a clear picture we will jump in to prototyping right away.</div>
<div class="col-xs-2"></div>
<div class="col-xs-4 text-right">We are lean. It means that we will try to deliver to you minimal viable version of your idea as soon as possible. So you can see it live and have understanding what needs to be done next. We work by small iterations which reduces a posibillity of big misundestandings mistakes.</div>
</div>
<p class="text-center">
<img src="/assets/example/img_mtnpeople.png" class="img-responsive center-block ">
</p>
</div>
</div>
</section>
<!--
<section class="container-fluid" id="section4">
<h2 class="text-center">Change this Content. Change the world.</h2>
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<img src="/assets/example/bg_smartphones.jpg" class="img-responsive center-block ">
<p class="text-center">Images will scale down proportionately as browser width narrows.</p>
</div>
</div>
</section>
<section class="container-fluid" id="section6">
<h2 class="text-center">Do you see what I mean?</h2>
<p class="text-center lead">Add some compelling information here</p>
<img src="/assets/example/bg_iphone.png" class="img-responsive center-block ">
</section> -->
<section class="container" id="section7">
<h1 class="text-center">Social Media Fascination</h1>
<div class="row">
<!--fontawesome icons-->
<div class="col-sm-1 col-sm-offset-3 col-xs-4 text-center">
<a href="https://github.com/polinom/"><i class="fa fa-github fa-4x"></i></a>
</div>
<div class="col-sm-1 col-xs-4 text-center">
<a href="https://www.facebook.com/polynets"><i class="fa fa-facebook fa-4x"></i></a>
</div>
<div class="col-sm-1 col-xs-4 text-center">
<a href="https://plus.google.com/u/1/+PolinomPolynets"><i class="fa fa-google-plus fa-4x"></i><a/>
</div>
<div class="col-sm-1 col-xs-4 text-center">
<a href="https://twitter.com/Polinom100"><i class="fa fa-twitter fa-4x"></i></a>
</div>
<div class="col-sm-1 col-xs-4 text-center">
<a href="https://instagram.com/polinom100/"><i class="fa fa-instagram fa-4x"></i></a>
</div>
</div><!--/row-->
<div class="row">
<div class="col-md-12 text-center">
<br><br>
<p>
<a href="mailto:[email protected]?Subject=About%20Project"">Send us email.</a>
</p>
</div>
</div>
</section>
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-xs-6 col-md-3 column">
<h4>Follow Us</h4>
<ul class="nav">
<li><a href="https://twitter.com/Polinom100">Twitter</a></li>
<li><a href="https://www.facebook.com/polynets">Facebook</a></li>
<li><a href="https://plus.google.com/u/1/+PolinomPolynets">Google+</a></li>
<li><a href="https://instagram.com/polinom100/">Instagram</a></li>
<li><a href="https://github.com/polinom/">Github</a></li>
</ul>
</div>
<div class="col-xs-6 col-md-3 column">
<h4>Contact Us</h4>
<ul class="nav">
<li><a href="mailto:[email protected]?Subject=About%20Project">Email</a></li>
</ul>
</div>
</div><!--/row-->
</div>
</footer>
<!-- script references -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>