Skip to content

Add Google tag (gtag.js) - Service page (in-order) #90

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
vimal-java-dev merged 1 commit into from
Mar 29, 2026
Merged

Add Google tag (gtag.js) - Service page (in-order) #90

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
71 changes: 48 additions & 23 deletions aboutUs/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,15 @@
<html lang="en">

<head>
<link rel="preconnect" href="https://cdnjs.cloudflare.com">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-3G79ZS5DSS"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-3G79ZS5DSS');
</script>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

Expand All @@ -12,8 +20,24 @@
<meta name="keywords"
content="About Vimal Tech, Java Developer, MSME registered software company, Backend Engineering, Valsad Gujarat IT company">
<meta name="author" content="Vimal Patel">

<link rel="canonical" href="https://vimaltech.dev/aboutUs">
<meta name="robots" content="index, follow">

<link rel="preconnect" href="https://cdnjs.cloudflare.com">

<!-- Font Awesome (Optimized Non-blocking) -->
<link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" as="style"
onload="this.onload=null;this.rel='stylesheet'" referrerpolicy="no-referrer">

<noscript>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"
referrerpolicy="no-referrer">
</noscript>

<link rel="stylesheet" href="/css/global.css">
<link rel="stylesheet" href="/css/aboutUs.css">
<link rel="stylesheet" href="/css/dropdown.css">
<link rel="stylesheet" href="/css/whatsapp-floating.css">

<meta property="og:title" content="About Vimal Tech | Innovation Through Code">
<meta property="og:description"
Expand All @@ -26,18 +50,6 @@
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png">

<link rel="stylesheet" href="/css/global.css">
<link rel="stylesheet" href="/css/aboutUs.css">
<link rel="stylesheet" href="/css/dropdown.css">
<link rel="stylesheet" href="/css/whatsapp-floating.css">

<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" as="style"
onload="this.onload=null;this.rel='stylesheet'">
<noscript>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</noscript>

<!-- Inter -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
<!-- Outfit -->
Expand Down Expand Up @@ -141,7 +153,8 @@ <h2 class="section-title">What We Do</h2>
<div class="about-card">
<div class="card-icon"><i class="fas fa-server"></i></div>
<h3>Backend Engineering</h3>
<p>Expert Java-based development focusing on secure, scalable, and high-concurrency systems.</p>
<p>Expert Java-based development focusing on secure, scalable, debug-customize already made code and
high-concurrency systems.</p>
</div>
<div class="about-card">
<div class="card-icon"><i class="fas fa-laptop-code"></i></div>
Expand All @@ -158,7 +171,8 @@ <h3>Cloud & Infrastructure</h3>
<div class="about-card">
<div class="card-icon"><i class="fas fa-chart-line"></i></div>
<h3>Digital Transformation</h3>
<p>Helping local enterprises and medical agencies transition from traditional workflows to highly
<p>Helping small local as well as global enterprises and agencies transition from traditional workflows
to highly
efficient digital platforms.</p>
</div>
</div>
Expand Down Expand Up @@ -198,7 +212,7 @@ <h4>Client-Centric Approach</h4>
<div class="partner-icon"><i class="fas fa-globe-asia"></i></div>
<div class="partner-text">
<h4>Local Roots, Global Standards</h4>
<p>Whether we are supporting a local business in Valsad or pitching to international clients, our
<p>Whether we are supporting a local business in India or pitching to international clients, our
quality remains world-class.</p>
</div>
</div>
Expand Down Expand Up @@ -254,7 +268,7 @@ <h3>Vimal Tech</h3>
</a>
</p>
</div>

<div class="footer-center">
<h3>Vimal Patel</h3>
<div class="brand-divider"></div>
Expand Down Expand Up @@ -282,18 +296,29 @@ <h3>Vimal Patel</h3>
aria-label="Vimal Tech LinkedIn">
<i class="fa-brands fa-linkedin"></i>
</a>
<a href="https://x.com/vimal_tech_dev/" target="_blank" rel="noopener" aria-label="Vimal Tech X">
<i class="fa-brands fa-twitter"></i>
</a>
<a href="https://www.instagram.com/vimaltech/" target="_blank" rel="noopener"
aria-label="Vimal Tech Instagram">
<i class="fa-brands fa-instagram"></i>
</a>
<a href="https://www.facebook.com/vimaltech.dev/" target="_blank" rel="noopener"
aria-label="Vimal Tech Facebook">
<i class="fa-brands fa-facebook"></i>
</a>
</div>
</div>

<div class="footer-links">
<h3>Quick Links</h3>
<div class="brand-divider right-align-divider"></div>
<ul class="quick-links-list">
<li><a href="/"><i class="fas fa-angle-right"></i> Home</a></li>
<li><a href="/services"><i class="fas fa-angle-right"></i> Services</a></li>
<li><a href="/expertise"><i class="fas fa-angle-right"></i> Expertise</a></li>
<li><a href="/aboutUs"><i class="fas fa-angle-right"></i> About Us</a></li>
<li><a href="/contactUs"><i class="fas fa-angle-right"></i> Contact</a></li>
<li><a href="/">Home<i class="fas fa-angle-left"></i></a></li>
<li><a href="/services">Services<i class="fas fa-angle-left"></i></a></li>
<li><a href="/expertise">Expertise<i class="fas fa-angle-left"></i></a></li>
<li><a href="/aboutUs">About Us<i class="fas fa-angle-left"></i></a></li>
<li><a href="/contactUs">Contact<i class="fas fa-angle-left"></i></a></li>
</ul>
</div>
</div>
Expand Down
52 changes: 40 additions & 12 deletions contactUs/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,15 @@
<html lang="en">

<head>
<link rel="preconnect" href="https://cdnjs.cloudflare.com">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-3G79ZS5DSS"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-3G79ZS5DSS');
</script>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

Expand All @@ -12,19 +20,28 @@
<meta name="keywords"
content="Contact Vimal Tech, Hire Java Developer, Software Agency Valsad, Backend Developer Contact">
<meta name="author" content="Vimal Patel">

<link rel="canonical" href="https://vimaltech.dev/contactUs">
<meta name="robots" content="index, follow">

<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png">
<link rel="preconnect" href="https://cdnjs.cloudflare.com">

<!-- Font Awesome (Optimized Non-blocking) -->
<link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" as="style"
onload="this.onload=null;this.rel='stylesheet'" referrerpolicy="no-referrer">

<noscript>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"
referrerpolicy="no-referrer">
</noscript>

<link rel="stylesheet" href="/css/global.css">
<link rel="stylesheet" href="/css/contactUs.css">
<link rel="stylesheet" href="/css/dropdown.css">
<link rel="stylesheet" href="/css/whatsapp-floating.css">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png">

<!-- Inter -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
Expand Down Expand Up @@ -80,7 +97,7 @@
<div class="hero-content">
<h1>Contact <span class="gradient-text">Vimal Tech</span></h1>
<p class="hero-subtext">
Get in Touch to fulfill your desired requirements.
Get in touch to fulfill your desired requirements.
<i class="fas fa-arrow-right" style="margin-left:8px; margin-right:8px;"></i>
Expert Software Solutions.
</p>
Expand Down Expand Up @@ -248,18 +265,29 @@ <h3>Vimal Patel</h3>
aria-label="Vimal Tech LinkedIn">
<i class="fa-brands fa-linkedin"></i>
</a>
<a href="https://x.com/vimal_tech_dev/" target="_blank" rel="noopener" aria-label="Vimal Tech X">
<i class="fa-brands fa-twitter"></i>
</a>
<a href="https://www.instagram.com/vimaltech/" target="_blank" rel="noopener"
aria-label="Vimal Tech Instagram">
<i class="fa-brands fa-instagram"></i>
</a>
<a href="https://www.facebook.com/vimaltech.dev/" target="_blank" rel="noopener"
aria-label="Vimal Tech Facebook">
<i class="fa-brands fa-facebook"></i>
</a>
</div>
</div>

<div class="footer-links">
<h3>Quick Links</h3>
<div class="brand-divider right-align-divider"></div>
<ul class="quick-links-list">
<li><a href="/"><i class="fas fa-angle-right"></i> Home</a></li>
<li><a href="/services"><i class="fas fa-angle-right"></i> Services</a></li>
<li><a href="/expertise"><i class="fas fa-angle-right"></i> Expertise</a></li>
<li><a href="/aboutUs"><i class="fas fa-angle-right"></i> About Us</a></li>
<li><a href="/contactUs"><i class="fas fa-angle-right"></i> Contact</a></li>
<li><a href="/">Home<i class="fas fa-angle-left"></i></a></li>
<li><a href="/services">Services<i class="fas fa-angle-left"></i></a></li>
<li><a href="/expertise">Expertise<i class="fas fa-angle-left"></i></a></li>
<li><a href="/aboutUs">About Us<i class="fas fa-angle-left"></i></a></li>
<li><a href="/contactUs">Contact<i class="fas fa-angle-left"></i></a></li>
</ul>
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion css/contactUs.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,7 @@ body.dark #particles-js canvas {
}

.mobile-card-content {
margin-top: 20px;
margin-top: 5px;
}

.mobile-new-line-msme {
Expand Down
3 changes: 1 addition & 2 deletions css/expertise.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -345,7 +345,6 @@ body.dark .category-title {
.underline-hover {
text-decoration: none;
position: relative;
color: sandybrown;
}

.underline-hover::after {
Expand All @@ -356,7 +355,7 @@ body.dark .category-title {
height: 2px;
bottom: 0;
left: 0;
background-color: blue;
background-color: #333;
transform-origin: bottom right;
transition: transform 0.25s ease-out;
}
Expand Down
40 changes: 16 additions & 24 deletions css/global.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -681,7 +681,7 @@ body.dark .section-title {
}

.footer-links {
text-align: right;
text-align: left;
}

/* Typography */
Expand Down Expand Up @@ -723,8 +723,8 @@ body.dark .section-title {
}

.right-align-divider {
margin-left: auto;
margin-right: 0;
margin-left: 0;
margin-right: auto;
}

/* Contact List */
Expand Down Expand Up @@ -879,29 +879,10 @@ body.dark .section-title {
}

/* --- QUICK LINKS MOBILE FIX --- */
.footer-links {
text-align: left !important;
width: 100%;
}

.right-align-divider {
margin-left: 0 !important;
margin-right: auto;
}

.quick-links-list {
display: flex;
flex-direction: column;
align-items: flex-start;
padding-left: 0;
/* Strips any hidden browser padding */
margin-left: 0;
}

/* Force the arrow to be permanently visible and in place on mobile */
.quick-links-list a i {
opacity: 1 !important;
transform: translateX(0) !important;
opacity: 0 !important;
/* transform: translateX(0) !important; */
}

/* Completely disable the sliding hover effect for touch screens */
Expand All @@ -922,6 +903,12 @@ body.dark .section-title {
gap: 15px;
margin-bottom: 15px;
margin-left: 15px;
text-decoration: none;
}

.footer-brand-header a:hover {
color: var(--color-accent);
text-decoration: underline;
}

.footer-brand-header h3 {
Expand Down Expand Up @@ -949,6 +936,11 @@ body.dark .section-title {
margin: 15px 10px;
}

.msme-header a:hover {
color: var(--color-accent);
text-decoration: underline;
}

.msme-logo {
height: 75px;
width: auto;
Expand Down
6 changes: 5 additions & 1 deletion css/services.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -406,8 +406,12 @@ body.dark .accordion-icon {
color: #94a3b8;
}

/* If i uncomment color footer section */
/* Visibility gone in dark mode */
/* Founder & Software Developer */

body.dark p {
color: #94a3b8;
/* color: #94a3b8; */
/* slightly lighter muted color for dark mode reading */
}

Expand Down
Loading
Loading