-
Notifications
You must be signed in to change notification settings - Fork 0
/
Services.html
132 lines (128 loc) · 5.8 KB
/
Services.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="style.css">
<title>Services</title>
<link rel="icon" type="image/png" href="https://cdn.brainster.co/assets/images/favicon_dark/favicon-32x32.png" sizes="32x32">
<style>
.menu-a {
color: black;
}
.nav-button {
color: white;
background-color: #37afd4;
background-image: none;
}
.nav ul li a:hover,
.nav ul li a:active,
.nav ul li a:focus {
color: black;
background-color: transparent;
border-top: 2px solid #37afd4;
}
</style>
</head>
<body>
<nav class="nav navbar-fixed-top" id="navbar">
<div class="container-fluid">
<div class="row">
<div class="col-md-11 col-xs-12">
<div class="navbar-header">
<a href="index.html" class="navbar-brand m-top-10" style="color: black;">Logo</a>
<span class="hamburger">☰</span>
</div>
<ul class="nav navbar-nav navbar-right m-top-10" id="nav-pc">
<li><a href="Services.html" class="menu-a" id="service-nav">SERVICE</a></li>
<li><a href="team.html" class="menu-a">TEAM</a></li>
<li><a href="Work.html" class="menu-a">WORK</a></li>
<li><a href="hireus.html" class="nav-button">HIRE US</a></li>
</ul>
<div id="myNav" class="overlay">
<a href="index.html" class="navBrand-media">Logo</a>
<a href="javascript:void(0)" class="closebtn">×</a>
<div class="overlay-content">
<ul class="overlay-menu f-family-quicksand">
<li><a href="#">HOW IT WORKS</a></li>
<li><a href="#">ABOUT US</a></li>
<li><a href="#">CAREERS</a></li>
<li><a href="#" class="nav-button media-overlay-button2">CONTACT US</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</nav>
<div class="container-fluid f-family-quicksand">
<div class="row prvRow_services">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 prvRow_services">
<div class="row vtorRow_services">
<div class="col-lg-11 col-lg-offset-1 col-md-11 col-md-offset-1 col-sm-10 col-sm-offset-1 col-xs-12 vtorCol_services">
<h1 class="vtorColTitle_services txt-align-768">We're best in</h1>
<img src="images/what1.png" class="img-work">
<div class="row tretRow_services">
<div class="col-lg-12 col-lg-offset-0 col-md-12 col-md-offset-0 col-sm-12 col-sm-offset-0 col-xs-10 col-xs-offset-1 tretCol_services">
<div class="row cetvrtRow_services">
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 cetvrtCol_services">
<ul class="cetvrtColLista_services" id="ul-glavno">
<li><button class="buttons-services branding active">Branding</button></li>
<li><button class="buttons-services marketing">Marketing</button></li>
<li><button class="buttons-services coding">Coding</button></li>
</ul>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 cetvrtCol2_services hidden-sm hidden-xs">
<img class="img-responsive cetvrtCol2slika_services" src="images/services.png" alt="kaseta">
</div>
<div class="col-md-4 ul-container">
<img src="images/boja.png" class="img img-boja">
<ul class="list-unstyled ul-vnatre" id="ul-glavno1">
<li>Art & Creative Direction</li>
<li>Brand Identity</li>
<li>Logo Design</li>
<li>Graphic Guidelines</li>
<li>Illustration</li>
<li>Typography</li>
<li>Print</li>
<li>Strategy</li>
</ul>
<ul class="list-unstyled ul-vnatre special-ul" id="ul-glavno2">
<li>Lead Generation Strategy</li>
<li>Social Media Marketing</li>
<li>Search Engine Optimization</li>
<li>PPC and paid search management</li>
<li class="hidden-xs">Display and Advertising Recapture Marketing</li>
<li>Growth Hacking</li>
<li>Conversion Rate Optimisation</li>
<li>Side Project Marketing</li>
<li>Email Marketing</li>
</ul>
<ul class="list-unstyled ul-vnatre" id="ul-glavno3">
<li>Web Design</li>
<li>Mobile & App Design</li>
<li>E-Commerce</li>
<li>CMS (WordPress & Prestashop)</li>
<li>UI • UX Responsive</li>
<li>Templating</li>
<li><span class="creative-768">Creative</span> Front<span class="hidden-xs">-End</span> & Back-End Development</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script
src="https://code.jquery.com/jquery-3.3.1.js"integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="crossorigin="anonymous"></script>
<script src="services.js"></script>
</body>
</html>