-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathservices.html
More file actions
211 lines (180 loc) · 11.1 KB
/
services.html
File metadata and controls
211 lines (180 loc) · 11.1 KB
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
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>services</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<section class="main-body">
<!-- header start -->
<header class="shadow">
<div class="header-content">
<div class="logo">
<a href=""><img src="logo/Screenshot_2022-11-10_120227-removebg-preview.png" alt=""></a>
<h1>DNJ</h1>
</div>
<div class="navbar">
<ul class="nav-items">
<li><a href="index.html">home</a></li>
<li><a href="services.html">services <i class="fa-solid fa-chevron-down fa-xs"></i></a>
<ul>
<li><a href="webdeve.html">Web Development</a></li>
<li><a href="webapp.html">Web App Development</a></li>
<li><a href="ecomme.html">E-commerce development</a></li>
<li><a href="android.html">Android App Development</a></li>
<li><a href="iosdev.html">IOS Developmet</a></li>
<li><a href="webdesign.html">Web Design</a></li>
<li><a href="branding.html">Branding</a></li>
<li><a href="internetmark.html">Internet Marketing</a></li>
</ul>
</li>
<li><a href="careers.html">careers</a></li>
<li><a href="about.html">about</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
<div class="menu-btn">
<button><a href="contact.html">Get a free quote</a></button>
<label id="menu-bar" onclick="menubarf()"><i class="fa-solid fa-bars fa-xl"></i></label>
<label id="menu-cancel" onclick="menucancelf()"><i class="fa-solid fa-xmark fa-xl"></i></label>
</div>
</div>
</div>
</header>
<!-- popup start -->
<div id="pop-up">
<form action="">
<h2 id="x-close" style="font-size: 2rem;text-align: end;padding:0.5rem;">X</h2>
<h1>Contact Us</h1>
<label class="label" for="">Full Name</label>
<input class="input-box" type="text" placeholder="Fullname...">
<label class="label" for="">Phone Number</label>
<input class="input-box" type="number" placeholder="7736113916">
<label class="label" for="">SERVICES</label>
<select class="input-box" name="" id="">
<option value="">WEB DEVELOPMENT</option>
<option value="">MOBILE APP DEVELOPMENT</option>
<option value="">WEB DESIGN</option>
<option value="">GRAPHIC DESIGN</option>
<option value="">ANDROID DEVELOPMENT</option>
</select>
<label class="label" for="">How can we help you?</label>
<input class="input-box" type="text" placeholder="Tell yourself">
<input class="input-submit" type="submit" value="Submit">
</form>
</div>
<!-- pop end -->
</section>
<!-- service body -->
<section class="service-body">
<div class="service-body-contain">
<h1>Digital Solutions
<h1>Intuitive Experiences</h1>
</h1>
<p>Driving your journey to digital transformation with robust, agile and scalable solutions across web & mobile development, UI/UX design, eCommerce, digital marketing, web hosting, ORM services – Adapt digital strategy with actionable intelligence!</p>
</div>
</section>
<!-- servive body end -->
<section class="service-grids">
<div class="service-grid service-grey">
<h1>Web development</h1>
<p>Whether you need a new web app, an e-commerce solution, or a back-office system, weve got you covered. Improve your business processes and increase profits through strategic web software development</p>
<button><a href="webdeve.html">READ MORE</a></button>
</div>
<div class="service-grid service-white">
<h1>Web App development</h1>
<p>Are you looking at an Android app, iOS or one for both platforms? Cross-platform application development has become the norm for most companies nowadays. It maximizes user accessibility and broadens your reach, as well.</p>
<button><a href="webapp.html">READ MORE</a></button>
</div>
<div class="service-grid service-red">
<h1>E-commerse development</h1>
<p>Get feature-loaded & user-friendly e-commerce website for selling multiple products across the globe</p>
<button><a href="ecomme.html">READ MORE</a></button>
</div>
<div class="service-grid service-grey">
<h1>Android App development</h1>
<p>Our offshore team has decades of experience in custom mobile app development that spans various industries from retail to healthcare and energy.</p>
<button><a href="android.html">READ MORE</a></button>
</div>
<div class="service-grid service-white">
<h1>IOS App development</h1>
<p>Our iOS app development agency comprises certified engineers who know the ins and outs of every Apple device. In addition, we leverage cutting-edge tools and languages like Swift, SwiftUI, Objective-C, XCode, CircleCI, TestFlight, Revenuecat, Bitbucket, and Jira to offer various high-quality services.</p>
<button><a href="iosdev.html">READ MORE</a></button>
</div>
<div class="service-grid service-red">
<h1>Web design</h1>
<p>Design is just as important as proper coding. You have seconds to impress your users. Ensuring everything on your page or app is clearly legible. Its with that background knowledge that we set out to make you stand out among your competition.</p>
<button><a href="webdesign.html">READ MORE</a></button>
</div>
<div class="service-grid service-grey">
<h1>Branding</h1>
<p>If you're looking for marketing solutions to take your consumer branded goods online or accelerate your existing digital ROI, you're in the right place. Our marketing tools and templates help you build a winning marketing strategy that supports your business objectives and boosts your brand's revenue.</p>
<button><a href="branding.html">READ MORE</a></button>
</div>
</section>
<!-- adress section -->
<section class="address">
<div class="address-map">
<iframe class="frame" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3913.0366662104952!2d75.77915271371683!3d11.25871305318737!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba65b2db706f6c3%3A0x88e33c099158e5f6!2sTECHOLAS%20TECHNOLOGIES%20PVT%20LTD%20-%20Data%20Analytics%2C%20Python%2C%20Data%20Science%2C%20Java%20Full-Stack%20and%20Flutter%20Development%20training!5e0!3m2!1sen!2sin!4v1668329742171!5m2!1sen!2sin" width="600" height="auto" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="address-note">
<ul>
<h3>how to find us?</h3>
<li><i class="fa-solid fa-location-dot fa-xm"></i>TECHOLAS TECHNOLOGIES PVT LTD - Data Analytics, Python, Data Science, Java Full-Stack and Flutter Development training
Foura Complex, Mavoor Rd, opposite National Hospital, Kozhikode, Kerala 673001</li>
<li ><a href="mailto:adnajnaju01@gmail.com"><span><i class="fa-solid fa-envelope fa-xm"></i></span> adnajnaju01@gmail.com</a></li>
<li ><a href="tel:+91 7736113916"><span><i class="fa-solid fa-phone fa-xm"></i></span>+917736113916</a></li>
</ul>
</div>
</section>
<!-- footer start -->
<footer>
<hr>
<div class="footer-quote">
<br>
<h3>We translate your ideas into <span><br>
futuristic digital solutions</span><br> and immersive mobile experiences.</h3>
</div>
<div class="footer-content">
<div class="footer-services">
<ul >
<h3>SERVICES</h3>
<li ><a href="webdeve.html">Web Development</a></li>
<li ><a href="webapp.html">Web App Development</a></li>
<li ><a href="ecomme.html">E-commerce development</a></li>
<li ><a href="android.html">Android App Development</a></li>
<li ><a href="iosdev.html">IOS Developmet</a></li>
<li ><a href="webdesign.html">Web Design</a></li>
<li ><a href="branding.html">Branding</a></li>
<li ><a href="internetmark.html">Internet Marketing</a></li>
</ul>
<ul>
<h3>QUICK LINKS</h3>
<li ><a href="index.html">Home</a></li>
<li ><a href="careers.html">Careers</a></li>
<li ><a href="about.html">About</a></li>
<li ><a href="contact.html">Contact</a></li>
</ul>
<ul>
<h3>CONTACT US</h3>
<li ><a href="mailto:adnajnaju01@gmail.com"><span><i class="fa-solid fa-envelope fa-xm"></i></span> adnajnaju01@gmail.com</a></li>
<li ><a href="tel:+91 7736113916"><span><i class="fa-solid fa-phone fa-xm"></i></span>+917736113916</a></li>
</ul>
<ul>
<h3>Follow Us</h3>
<ul class="footer-icons">
<a href="https://www.facebook.com/techolas"><li><i style="color: rgb(24, 119, 242);;" class="fa-brands fa-facebook fa-2x"></i></li></a>
<a href="https://twitter.com/techolasonline"><li><i style="color: rgb(61, 217, 235);" class="fa-brands fa-square-twitter fa-2x"></i></li></a>
<a href="https://www.linkedin.com/company/techolas-technologies-pvt-ltd/"><li><i style="color: rgb(147, 234, 234);" class="fa-brands fa-linkedin fa-2x"></i> </li></a>
<a href="https://www.instagram.com/techolasonline/"><li><i style="color: rgb(245, 83, 118);" class="fa-brands fa-pinterest fa-2x"></i> </li></a>
</ul>
</ul>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>