Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
75 changes: 66 additions & 9 deletions about.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,30 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Vimal Tech | About</title>

<title>About Vimal Patel | Vimal Tech – Java Backend Developer</title>

<meta name="description"
content="Learn more about Vimal Tech, my coding philosophy, and my approach to scalable software development and system architecture." />
content="Learn about Vimal Patel, the developer behind Vimal Tech. Specializing in Java backend development, scalable enterprise systems, clean architecture, and modern software engineering." />

<meta name="robots" content="index, follow">

<link rel="canonical" href="https://vimaltech.dev/about.html">

<!-- Open Graph -->
<meta property="og:title" content="About Vimal Patel | Vimal Tech">
<meta property="og:description"
content="Meet Vimal Patel, a Java backend developer focused on scalable systems, clean architecture, and modern backend engineering.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://vimaltech.dev/about.html">
<meta property="og:image" content="https://vimaltech.dev/images/logo.jpeg">

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="About Vimal Patel | Vimal Tech">
<meta name="twitter:description"
content="Learn about the developer behind Vimal Tech and the philosophy behind scalable software engineering.">
<meta name="twitter:image" content="https://vimaltech.dev/images/logo.jpeg">

<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">
Expand All @@ -17,8 +37,28 @@
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">

<link rel="stylesheet" href="/css/common.css">

<link rel="stylesheet" href="/css/about.css">

<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Person",
"name": "Vimal Patel",
"url": "https://vimaltech.dev",
"jobTitle": "Java Backend Developer",
"description": "Java backend developer focused on scalable systems, clean architecture, and enterprise software.",
"email": "mailto:vimal.patel@vimaltech.dev",
"telephone": "+919638474047",
"address": {
"@type": "PostalAddress",
"addressLocality": "Valsad",
"addressRegion": "Gujarat",
"postalCode": "396001",
"addressCountry": "India"
}
}
</script>

</head>

<body class="about-body">
Expand All @@ -38,8 +78,8 @@
<li><a href="index.html">Home</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="expertise.html">Expertise</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="about.html" class="active">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>

<div class="nav-toggle-wrapper">
Expand All @@ -58,7 +98,7 @@
d="M12 2l3.09 6.26L22 9.27l-5 4.88L18.18 22 12 18.77 5.82 22 7 14.15l-5-4.88 6.91-1.01L12 2z" />
</svg>
</div>
<span>JAVA DEVELOPER</span>
<span>JAVA BACKEND DEVELOPER</span>
<div class="logo-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round">
Expand All @@ -67,9 +107,18 @@
</svg>
</div>
</div>
<h1 class="page-title">About Me</h1>
<h1 class="page-title">About Vimal Patel – Java Backend Developer</h1>
</header>

<div class="about-intro fade-in">
<p class="about-intro">
I am Vimal Patel, a Java backend developer focused on building scalable software systems,
clean architecture, and reliable enterprise applications. Through Vimal Tech, I design
and develop backend solutions that prioritize maintainability, performance, and long-term
stability.
</p>
</div><br />

<div class="grid fade-in">

<section class="card" aria-label="Inspiration">
Expand Down Expand Up @@ -249,13 +298,21 @@ <h2 class="title" style="margin-top:12px">
</div>
</div>
</section>
</div>
</div><br />
<hr style="height:4px;border-width:0;color:rgb(56, 0, 0);background-color:rgb(92, 35, 35)">
<div class="about-conclusion fade-in">
<p style="font-weight:bold;margin-top:10px;">
See more backend services on <br />
<a href="services.html" style="color: salmon;">Java Development Services</a>.
</p>
</main>

<footer>
<p>Contact No: 9638 474047</p>
<p><strong>Vimal Tech</strong> – Java Backend Development</p>
<p>Phone: +91 9638 474047</p>
<p>Email: vimal.patel@vimaltech.dev</p>
<p>© 2026 Vimal Patel | Java Developer</p>
<p>Valsad, Gujarat, India</p>
<p>© 2026 Vimal Patel</p>
</footer>

<script src="/js/common.js"></script>
Expand Down
87 changes: 65 additions & 22 deletions contact.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,17 +5,61 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Vimal Tech | Contact</title>
<title>Contact Vimal Patel | Vimal Tech – Java Backend Developer</title>

<meta name="description"
content="Get in touch with Vimal Tech for backend development, scalable enterprise systems, and Java-based software solutions. Located in Valsad, Gujarat, India." />
content="Contact Vimal Patel at Vimal Tech for Java backend development, scalable enterprise systems, API architecture, and consulting. Based in Valsad, Gujarat, India." />

<meta name="robots" content="index, follow">

<link rel="canonical" href="https://vimaltech.dev/contact.html">

<!-- Open Graph -->
<meta property="og:title" content="Contact Vimal Patel | Vimal Tech">
<meta property="og:description"
content="Reach out to Vimal Patel for Java backend development, enterprise systems, and scalable architecture consulting.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://vimaltech.dev/contact.html">
<meta property="og:image" content="https://vimaltech.dev/images/logo.jpeg">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Contact Vimal Patel | Vimal Tech">
<meta name="twitter:description"
content="Get in touch with Vimal Patel for backend development, Java architecture, and scalable system consulting.">
<meta name="twitter:image" content="https://vimaltech.dev/images/logo.jpeg">

<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="stylesheet" href="/css/common.css">

<link rel="stylesheet" href="/css/contact.css">

<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Person",
"name": "Vimal Patel",
"url": "https://vimaltech.dev",
"email": "mailto:vimal.patel@vimaltech.dev",
"telephone": "+919638474047",
"jobTitle": "Java Backend Developer",
"address": {
"@type": "PostalAddress",
"addressLocality": "Valsad",
"addressRegion": "Gujarat",
"postalCode": "396001",
"addressCountry": "India"
},
"sameAs": [
"https://github.com/vimal-tech-dev",
"https://www.linkedin.com/in/vimaltech",
"https://x.com/vimal_tech_dev"
]
}
</script>

</head>

<body class="contact-body">
Expand All @@ -35,8 +79,8 @@
<li><a href="index.html">Home</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="expertise.html">Expertise</a></li>
<li><a href="contact.html" class="active">Contact</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html" class="active">Contact</a></li>
</ul>

<div class="nav-toggle-wrapper">
Expand All @@ -52,7 +96,7 @@
<div class="contact-hero-content fade-in">
<span class="hero-label">Contact · Collaboration</span>

<h1>Let’s Connect</h1>
<h1>Contact Vimal Patel – Java Backend Developer</h1>

<p>
Have a project idea or collaboration in mind?
Expand Down Expand Up @@ -126,15 +170,13 @@ <h2 class="section-title">Contact Information</h2>

<div class="contact-form-wrapper fade-in">
<h2 class="section-title">Send a Message</h2>

<button type="submit" class="btn-send" id="submitBtn">
<span class="btn-text">This form is being worked on as part of a production issue.</span>
</button>

<button type="submit" class="btn-send" id="submitBtn">
<span class="btn-text">API Monitoing: Prometheus + Grafana for observability</span>
</button>


<h3 style="font-weight: bold; color: red;">This form is being worked on as part of a production issue.
</h3>
<h4 style="font-weight: bold; color: red;">API Monitoring: Prometheus + Grafana for observability</h4>
<a href="https://github.com/vimal-java-dev/vimaltech-contact-api/issues/31" target="_blank"
rel="noopener noreferrer">ISSUE CODE ON GITHUB</a>

<form id="contactForm" class="contact-form" novalidate><br>
<div class="form-row">
<div class="form-group">
Expand Down Expand Up @@ -177,12 +219,11 @@ <h2 class="section-title">Send a Message</h2>
<div class="form-success" id="formSuccess">
<span>✅ Your message has been sent. I’ll get back to you soon.</span>
</div>
<button type="submit" class="btn-send" id="submitBtn">
<span class="btn-text">So, sorry for the inconvenience.</span>
</button>
<button type="submit" class="btn-send" id="submitBtn">
<span class="btn-text">Please connect with me on Phone, WhatsApp, Email</span>
</button>
<h5 style="font-weight: bold; color: seagreen;">
<span>Sorry for the inconvenience.</span><br />
<span>Please use the provided email or phone number or whatsapp to reach out directly.</span>
</h5>

</form>
</div>
</section>
Expand All @@ -199,9 +240,11 @@ <h2 class="section-title">Send a Message</h2>
</main>

<footer>
<p>Contact No: 9638 474047</p>
<p><strong>Vimal Tech</strong> – Java Backend Development</p>
<p>Phone: +91 9638 474047</p>
<p>Email: vimal.patel@vimaltech.dev</p>
<p>© 2026 Vimal Patel | Java Developer</p>
<p>Valsad, Gujarat, India</p>
<p>© 2026 Vimal Patel</p>
</footer>

<script src="/js/common.js"></script>
Expand Down
8 changes: 4 additions & 4 deletions css/common.css
Original file line number Diff line number Diff line change
Expand Up @@ -209,8 +209,8 @@ footer {
=================================================== */
#darkModeToggle {
position: fixed;
bottom: 110px;
right: 20px;
bottom: 10px;
right: 10px;
width: 55px;
height: 55px;
border-radius: 50%;
Expand All @@ -232,8 +232,8 @@ footer {
/* ===== Scroll to Top Button ===== */
#scrollTopBtn {
position: fixed;
bottom: 110px;
left: 20px;
bottom: 10px;
left: 10px;
z-index: 2000;
width: 50px;
height: 50px;
Expand Down
4 changes: 2 additions & 2 deletions css/whatsapp-floating.css
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
/* ===== WhatsApp Button ===== */
.whatsapp-float {
position: fixed;
bottom: 171px;
right: 20px;
bottom: 150px;
right: 10px;
z-index: 1000;
background-color: #25d366;
color: #fff;
Expand Down
16 changes: 10 additions & 6 deletions expertise.html
Original file line number Diff line number Diff line change
Expand Up @@ -97,8 +97,8 @@
<li><a href="#portfolio">Portfolio</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<!-- hamburger icon -->
<div style="display: flex; align-items: center;">
Expand Down Expand Up @@ -281,8 +281,10 @@ <h3>Desktop Chat Application (Local Area Network)</h3>
</div>
</div><br />
<hr style="height:4px;border-width:0;color:rgb(56, 0, 0);background-color:rgb(92, 35, 35)">
<p style="font-weight:bold;">See more backend services on <br /><a href="services.html">Java Development
Services</a>.</p>
<p style="font-weight:bold;">
See more backend services on <br />
<a href="services.html">Java Development Services</a>.
</p>
</section><br />

<!-- Portfolio Section -->
Expand All @@ -301,9 +303,11 @@ <h2>Portfolio</h2>

<!-- Footer -->
<footer>
<p>Contact No : 9638 474047</p>
<p>Email ID : vimal.patel@vimaltech.dev</p>
<p>&copy; 2025 Vimal Patel | Java Developer</p>
<p><strong>Vimal Tech</strong> – Java Backend Development</p>
<p>Phone: +91 9638 474047</p>
<p>Email: vimal.patel@vimaltech.dev</p>
<p>Valsad, Gujarat, India</p>
<p>© 2026 Vimal Patel</p>
</footer>

<!-- Dark Mode Toggle -->
Expand Down
10 changes: 6 additions & 4 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -116,8 +116,8 @@
<li><a href="services.html">Services</a></li>
<!-- New Expertise link -->
<li><a href="expertise.html">Expertise</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<!-- hamburger icon -->
<div style="display: flex; align-items: center;">
Expand Down Expand Up @@ -330,9 +330,11 @@ <h2 class="cta-title">Thanks for visiting 👋</h2>

<!-- Footer -->
<footer>
<p>Contact No : 9638 474047</p>
<p>Email ID : vimal.patel@vimaltech.dev</p>
<p>&copy; 2025 Vimal Patel | Java Developer</p>
<p><strong>Vimal Tech</strong> – Java Backend Development</p>
<p>Phone: +91 9638 474047</p>
<p>Email: vimal.patel@vimaltech.dev</p>
<p>Valsad, Gujarat, India</p>
<p>© 2026 Vimal Patel</p>
</footer>

<!-- Dark Mode Toggle -->
Expand Down
4 changes: 4 additions & 0 deletions robots.txt
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
User-agent: *
Allow: /

Sitemap: https://vimaltech.dev/sitemap.xml
Loading