-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
164 lines (149 loc) · 9.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Labartise - Your digital growth partner providing top-notch web solutions, consultation services, and more.">
<meta name="keywords" content="Labartise, ল্যাবার্টাইজ, web development, digital growth, SEO, social media, consultation">
<link rel="icon" href="https://lh3.googleusercontent.com/p/AF1QipPFqIwMNYE3IFzlnQ6tIlMXvgkfIEnoPa_eHfQ8=s680-w680-h510" type="image/png">
<title>Follow - Labartise</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/mobile-view.css" media="(max-width: 640px)">
<link rel="stylesheet" href="css/desktop-view.css" media="(min-width: 641px)">
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-900 text-white flex flex-col min-h-screen p-4">
<!-- Header Section -->
<header class="flex justify-between items-center p-4">
<a href="/" aria-label="Home">
<img src="https://labartise.com/wp-content/uploads/Logo-labartise3.webp" alt="Labartise Logo" class="header-logo h-12" draggable="false"> <!-- New Logo -->
</a>
<a href="http://labartise.com/" target="_blank" rel="noopener noreferrer" draggable="false" class="custom-button bg-blue-600 text-white px-6 py-2">Visit - Labartise</a>
</header>
<div class="max-w-5xl mx-auto w-full flex-grow">
<!-- Top Row: Image + Details -->
<div class="flex flex-col md:flex-row items-center md:items-start mb-8 space-y-6 md:space-y-0 md:space-x-8">
<!-- Left: Image -->
<div class="w-full md:w-1/3 flex justify-center md:justify-start">
<img src="https://lh3.googleusercontent.com/p/AF1QipPFqIwMNYE3IFzlnQ6tIlMXvgkfIEnoPa_eHfQ8=s680-w680-h510" alt="Labartise Logo" class="w-32 h-32 rounded-full bg-white p-2" draggable="false">
</div>
<!-- Right: Name, Description -->
<div class="w-full md:w-2/3 text-left">
<h1 class="text-4xl font-semibold mb-2 flex items-center">
Labartise
<a href="mailto:support@labartise.com" draggable="false" aria-label="Email Us" class="ml-2">
<img src="https://cdn-icons-png.flaticon.com/512/9073/9073086.png" alt="Email" class="w-8 h-8 inline" draggable="false">
</a>
<a href="tel:+918261995549" draggable="false" aria-label="Call Us" class="ml-2">
<img src="https://cdn-icons-png.flaticon.com/512/9073/9073098.png" alt="Phone" class="w-8 h-8 inline" draggable="false">
</a>
</h1>
<p class="text-lg mb-4">Empowering brands with web solutions. Your digital growth partner.</p>
<a href="https://labartise.com/consultation/" target="_blank" rel="noopener noreferrer" draggable="false" class="custom-button bg-blue-600 text-white px-6 py-2">Consultation</a>
</div>
</div>
<!-- Social Media Blocks -->
<div class="grid grid-cols-2 md:grid-cols-4 gap-6">
<!-- Facebook Block -->
<div class="glass-bg text-left">
<div class="social-item">
<img src="https://cdn-icons-png.flaticon.com/512/145/145802.png" alt="Facebook" class="w-8 h-8" draggable="false">
<div>
<span class="social-name">Facebook</span>
<p class="social-username">@labartise</p>
</div>
</div>
<a href="https://www.facebook.com/Labartise/" target="_blank" rel="noopener noreferrer" draggable="false" class="custom-button bg-blue-600 text-white px-4 py-2 inline-block mt-3">Like</a>
</div>
<!-- Instagram Block -->
<div class="glass-bg text-left">
<div class="social-item">
<img src="https://cdn-icons-png.flaticon.com/512/2111/2111463.png" alt="Instagram" class="w-8 h-8" draggable="false">
<div>
<span class="social-name">Instagram</span>
<p class="social-username">@labartise</p>
</div>
</div>
<a href="https://www.instagram.com/labartise/" target="_blank" rel="noopener noreferrer" draggable="false" class="custom-button bg-pink-500 text-white px-4 py-2 inline-block mt-3">Follow</a>
</div>
<!-- LinkedIn Block -->
<div class="glass-bg text-left">
<div class="social-item">
<img src="https://cdn-icons-png.flaticon.com/512/145/145807.png" alt="LinkedIn" class="w-8 h-8" draggable="false">
<div>
<span class="social-name">LinkedIn</span>
<p class="social-username">@labartise</p>
</div>
</div>
<a href="https://www.linkedin.com/company/labartise/" target="_blank" rel="noopener noreferrer" draggable="false" class="custom-button bg-blue-700 text-white px-4 py-2 inline-block mt-3">Connect</a>
</div>
<!-- YouTube Block -->
<div class="glass-bg text-left">
<div class="social-item">
<img src="https://cdn-icons-png.flaticon.com/512/1384/1384060.png" alt="YouTube" class="w-8 h-8" draggable="false">
<div>
<span class="social-name">YouTube</span>
<p class="social-username">@labartise</p>
</div>
</div>
<a href="https://www.youtube.com/@Labartise" target="_blank" rel="noopener noreferrer" draggable="false" class="custom-button bg-red-600 text-white px-4 py-2 inline-block mt-3">Subscribe</a>
</div>
<!-- X Block (formerly Twitter) -->
<div class="glass-bg text-left">
<div class="social-item">
<img src="https://cdn-icons-png.flaticon.com/512/5969/5969020.png" alt="Twitter" class="w-8 h-8" draggable="false">
<div>
<span class="social-name">X (Twitter)</span>
<p class="social-username">@labartise</p>
</div>
</div>
<a href="https://x.com/labartise" target="_blank" rel="noopener noreferrer" draggable="false" class="custom-button bg-blue-500 text-white px-4 py-2 inline-block mt-3">Follow</a>
</div>
<!-- Pinterest Block -->
<div class="glass-bg text-left">
<div class="social-item">
<img src="https://cdn-icons-png.flaticon.com/512/145/145808.png" alt="Pinterest" class="w-8 h-8" draggable="false">
<div>
<span class="social-name">Pinterest</span>
<p class="social-username">@labartise</p>
</div>
</div>
<a href="https://www.pinterest.com/labartise/_created" target="_blank" rel="noopener noreferrer" draggable="false" class="custom-button bg-red-500 text-white px-4 py-2 inline-block mt-3">Follow</a>
</div>
<!-- Telegram Block -->
<div class="glass-bg text-left">
<div class="social-item">
<img src="https://cdn-icons-png.flaticon.com/512/2111/2111646.png" alt="Telegram" class="w-8 h-8" draggable="false">
<div>
<span class="social-name">Telegram</span>
<p class="social-username">@labartise</p>
</div>
</div>
<a href="https://t.me/labartise" target="_blank" rel="noopener noreferrer" draggable="false" class="custom-button bg-blue-400 text-white px-4 py-2 inline-block mt-3">Join</a>
</div>
<!-- Github Block -->
<div class="glass-bg text-left">
<div class="social-item">
<img src="https://cdn-icons-png.flaticon.com/512/919/919847.png" alt="Github" class="w-8 h-8" draggable="false">
<div>
<span class="social-name">Github</span>
<p class="social-username">@labartise</p>
</div>
</div>
<a href="https://github.com/labartise" target="_blank" rel="noopener noreferrer" draggable="false" class="custom-button bg-black text-white px-4 py-2 inline-block mt-3">Follow</a>
</div>
</div>
<!-- About Section -->
<div class="mt-10 text-center max-w-1xl mx-auto">
<h2 class="text-3xl font-semibold mb-4">About Labartise</h2>
<p class="text-lg text-gray-300">
We provide comprehensive digital solutions, including web and app development, custom software creation, SEO and web security. Our focus is on delivering tailored websites for businesses, e-commerce, and educational platforms. We also offer services like domain registration, hosting, graphic design, and video production. Committed to quality and customer satisfaction, we ensure ongoing support after project completion.
</p>
</div>
</div>
<!-- Footer Section -->
<footer class="footer">
<p>© 2024 Labartise. All rights reserved.</p>
</footer>
</body>
</html>