Website for MVP Handyman
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MV Phan LLC Dyman Services | Software & Mobile App Development</title>
<meta name="description"
content="MV Phan LLC Dyman Services develops mobile applications, software solutions, and digital products for Android and modern platforms.">
<meta name="keywords"
content="MV Phan LLC Dyman Services, Android apps, mobile app development, software development, digital products">
<meta name="author" content="MV Phan LLC Dyman Services">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
font-family: Arial, Helvetica, sans-serif;
background: #f8fafc;
color: #1e293b;
line-height: 1.6;
}
a {
text-decoration: none;
color: inherit;
}
/* HEADER */
header {
background: #ffffff;
border-bottom: 1px solid #e2e8f0;
position: sticky;
top: 0;
z-index: 1000;
}
.nav-container {
max-width: 1150px;
margin: auto;
padding: 18px 25px;
display: flex;
align-items: center;
justify-content: space-between;
}
.logo {
font-size: 22px;
font-weight: 700;
color: #0f172a;
}
.logo span {
color: #2563eb;
}
nav {
display: flex;
gap: 28px;
}
nav a {
font-size: 15px;
color: #475569;
transition: 0.2s;
}
nav a:hover {
color: #2563eb;
}
/* HERO */
.hero {
background: #ffffff;
padding: 100px 25px;
}
.hero-container {
max-width: 1000px;
margin: auto;
text-align: center;
}
.hero h1 {
font-size: 48px;
line-height: 1.15;
color: #0f172a;
margin-bottom: 22px;
}
.hero h1 span {
color: #2563eb;
}
.hero p {
max-width: 700px;
margin: auto;
font-size: 18px;
color: #64748b;
}
.hero-button {
display: inline-block;
margin-top: 32px;
background: #2563eb;
color: #ffffff;
padding: 14px 28px;
border-radius: 8px;
font-weight: 600;
transition: 0.2s;
}
.hero-button:hover {
background: #1d4ed8;
}
/* SECTIONS */
section {
padding: 80px 25px;
}
.container {
max-width: 1100px;
margin: auto;
}
.section-title {
text-align: center;
margin-bottom: 50px;
}
.section-title h2 {
font-size: 34px;
color: #0f172a;
margin-bottom: 12px;
}
.section-title p {
color: #64748b;
max-width: 650px;
margin: auto;
}
/* ABOUT */
.about {
background: #f8fafc;
}
.about-content {
max-width: 850px;
margin: auto;
text-align: center;
}
.about-content p {
color: #475569;
margin-bottom: 18px;
font-size: 16px;
}
/* SERVICES */
.services {
background: #ffffff;
}
.service-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
}
.service-card {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 30px;
transition: 0.25s;
}
.service-card:hover {
transform: translateY(-4px);
border-color: #bfdbfe;
}
.service-icon {
width: 48px;
height: 48px;
border-radius: 10px;
background: #dbeafe;
color: #2563eb;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
margin-bottom: 20px;
}
.service-card h3 {
color: #0f172a;
margin-bottom: 10px;
font-size: 20px;
}
.service-card p {
color: #64748b;
font-size: 15px;
}
/* APPS */
.apps {
background: #f8fafc;
}
.app-box {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 40px;
text-align: center;
max-width: 750px;
margin: auto;
}
.app-box h3 {
font-size: 25px;
margin-bottom: 12px;
color: #0f172a;
}
.app-box p {
color: #64748b;
}
/* CONTACT */
.contact {
background: #ffffff;
}
.contact-box {
max-width: 650px;
margin: auto;
text-align: center;
padding: 40px;
border: 1px solid #e2e8f0;
border-radius: 12px;
background: #f8fafc;
}
.contact-box h3 {
font-size: 25px;
margin-bottom: 12px;
}
.contact-box p {
color: #64748b;
margin-bottom: 18px;
}
.email {
display: inline-block;
color: #2563eb;
font-weight: 600;
word-break: break-word;
}
/* FOOTER */
footer {
background: #0f172a;
color: #cbd5e1;
padding: 35px 25px;
text-align: center;
}
footer p {
font-size: 14px;
margin: 5px 0;
}
.footer-links {
margin-top: 15px;
display: flex;
justify-content: center;
gap: 20px;
}
.footer-links a {
color: #94a3b8;
font-size: 14px;
}
.footer-links a:hover {
color: #ffffff;
}
/* MOBILE */
@media (max-width: 800px) {
.hero h1 {
font-size: 36px;
}
.service-grid {
grid-template-columns: 1fr;
}
nav {
display: none;
}
section {
padding: 60px 20px;
}
}
</style>
</head>
<body>
<!-- HEADER -->
<header>
<div class="nav-container">
<div class="logo">
MV Phan <span>LLC Dyman Services</span>
</div>
<nav>
<a href="#home">Home</a>
<a href="#about">About</a>
<a href="#services">Services</a>
<a href="#apps">Apps</a>
<a href="#contact">Contact</a>
</nav>
</div>
</header>
<!-- HERO -->
<section class="hero" id="home">
<div class="hero-container">
<h1>
Building Simple & Useful
<span>Digital Products</span>
</h1>
<p>
MV Phan LLC Dyman Services develops mobile applications,
software solutions, and digital products designed to provide
useful and practical experiences for users.
</p>
<a href="#about" class="hero-button">
Learn More
</a>
</div>
</section>
<!-- ABOUT -->
<section class="about" id="about">
<div class="container">
<div class="section-title">
<h2>About Us</h2>
<p>
Learn more about MV Phan LLC Dyman Services.
</p>
</div>
<div class="about-content">
<p>
MV Phan LLC Dyman Services is a technology-focused organization
working on mobile applications, software solutions, and digital
products.
</p>
<p>
Our goal is to create reliable, accessible, and easy-to-use
applications that solve everyday problems and provide useful
digital experiences.
</p>
<p>
We focus on thoughtful product development, clean user
experiences, and continuous improvement of our applications.
</p>
</div>
</div>
</section>
<!-- SERVICES -->
<section class="services" id="services">
<div class="container">
<div class="section-title">
<h2>Our Services</h2>
<p>
Our main areas of software and digital product development.
</p>
</div>
<div class="service-grid">
<div class="service-card">
<div class="service-icon">
📱
</div>
<h3>Mobile Applications</h3>
<p>
Development of Android and mobile applications focused on
usability, performance, and practical functionality.
</p>
</div>
<div class="service-card">
<div class="service-icon">
💻
</div>
<h3>Software Solutions</h3>
<p>
Creating software products and digital solutions for
everyday needs and different use cases.
</p>
</div>
<div class="service-card">
<div class="service-icon">
⚙️
</div>
<h3>Product Development</h3>
<p>
From initial concepts to published products, we work on
developing and improving digital applications.
</p>
</div>
</div>
</div>
</section>
<!-- APPS -->
<section class="apps" id="apps">
<div class="container">
<div class="section-title">
<h2>Our Applications</h2>
<p>
Explore applications developed and maintained by
MV Phan LLC Dyman Services.
</p>
</div>
<div class="app-box">
<h3>Mobile App Portfolio</h3>
<p>
We are continuously developing mobile applications and
digital products. Information about our published applications
will be added here as products become available.
</p>
</div>
</div>
</section>
<!-- CONTACT -->
<section class="contact" id="contact">
<div class="container">
<div class="section-title">
<h2>Contact Us</h2>
<p>
For business, application, or general inquiries,
please contact us by email.
</p>
</div>
<div class="contact-box">
<h3>Get in Touch</h3>
<p>
We welcome questions and inquiries related to our
applications and digital products.
</p>
<a
class="email"
href="mailto:mvphanllcdymanservices@gmail.com">
mvphanllcdymanservices@gmail.com
</a>
</div>
</div>
</section>
<!-- FOOTER -->
<footer>
<p>
© 2026 MV Phan LLC Dyman Services. All rights reserved.
</p>
<div class="footer-links">
<a href="#home">Home</a>
<a href="#about">About</a>
<a href="#services">Services</a>
<a href="#apps">Apps</a>
<a href="#contact">Contact</a>
</div>
</footer>
</body>
</html>
Comments
Post a Comment