!DOCTYPE html html lang="en" head meta charset="UTF-8" / meta name="viewport" content="width=device-width, initial-scale=1.0" / titleTeslian Tech – Software Solutions/title style * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Segoe UI', sans-serif; line-height: 1.6; color: #333; } nav { position: fixed; width: 100%; background: #0d0d0d; padding: 15px 0; z-index: 1000; } nav ul { display: flex; justify-content: center; list-style: none; } nav ul li { margin: 0 20px; } nav ul li a { color: white; text-decoration: none; font-weight: bold; transition: color 0.3s; } nav ul li a:hover { color: #00d8ff; } header { background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://images.unsplash.com/photo-1518770660439-4636190af475') no-repeat center center/cover; color: white; padding: 100px 20px 80px; text-align: center; } header h1 { font-size: 3rem; margin-bottom: 10px; } header p { font-size: 1.2rem; } section { padding: 60px 20px; max-width: 1100px; margin: auto; } section h2 { text-align: center; margin-bottom: 30px; font-size: 2rem; color: #0077cc; } .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; } .card { background: #f4f4f4; padding: 20px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); transition: transform 0.3s; } .card:hover { transform: translateY(-5px); } footer { text-align: center; padding: 30px 20px; background: #0d0d0d; color: white; } html { scroll-behavior: smooth; } /style /head body
nav ul lia href="#home"Home/a/li lia href="#about"About/a/li lia href="#services"Services/a/li lia href="#products"Products/a/li lia href="#contact"Contact/a/li /ul /nav
header id="home" h1Welcome to Teslian Tech/h1 pWe build intelligent digital solutions that transform businesses./p /header
section id="about" h2About Us/h2 pWe are a cutting-edge software company delivering innovative, scalable, and secure tech solutions. Our team specializes in AI, web & mobile apps, blockchain, and custom systems for clients worldwide./p /section
section id="services" h2Our Services/h2 div class="grid" div class="card" h3Web Development/h3 pRobust, fast, and responsive web applications tailored to your needs./p /div div class="card" h3Mobile Apps/h3 piOS and Android apps with elegant UI and reliable performance./p /div div class="card" h3AI & Machine Learning/h3 pIntegrate smart algorithms to automate and enhance your business./p /div div class="card" h3Blockchain Solutions/h3 pSecure, decentralized apps and token systems for the modern enterprise./p /div /div /section
section id="products" h2Our Products/h2 div class="grid" div class="card" h3Tesbet/h3 pAdvanced betting platform for sports and games./p /div div class="card" h3Vedam/h3 pFuturistic game series combining AR and AI storytelling./p /div div class="card" h3Arinated/h3 pUnique social platform connecting creators and communities./p /div div class="card" h3Tesshop & Tescart/h3 pComplete e-commerce solution for online businesses and stores./p /div /div /section
section id="contact" h2Contact Us/h2 p style="text-align: center;"Have a project in mind? We'd love to hear from you./p p style="text-align: center;"strongEmail:/strong contact@tesliantech.com/p p style="text-align: center;"strongPhone:/strong +123 456 7890/p /section
footer © 2025 Teslian Tech. All rights reserved. /footer
script // Optional: Smooth scrolling polyfill or enhancements can go here // All navigation links already scroll smoothly via CSS /script
/body /html
!DOCTYPE html
html lang="en"
head
meta charset="UTF-8" /
meta name="viewport" content="width=device-width, initial-scale=1.0" /
titleTeslian Tech – Software Solutions/title
style
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Segoe UI', sans-serif; line-height: 1.6; color: #333; }
nav { position: fixed; width: 100%; background: #0d0d0d; padding: 15px 0; z-index: 1000; }
nav ul { display: flex; justify-content: center; list-style: none; }
nav ul li { margin: 0 20px; }
nav ul li a {
color: white;
text-decoration: none;
font-weight: bold;
transition: color 0.3s;
}
nav ul li a:hover { color: #00d8ff; }
header {
background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://images.unsplash.com/photo-1518770660439-4636190af475') no-repeat center center/cover;
color: white;
padding: 100px 20px 80px;
text-align: center;
}
header h1 { font-size: 3rem; margin-bottom: 10px; }
header p { font-size: 1.2rem; }
section {
padding: 60px 20px;
max-width: 1100px;
margin: auto;
}
section h2 { text-align: center; margin-bottom: 30px; font-size: 2rem; color: #0077cc; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }
.card {
background: #f4f4f4;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
transition: transform 0.3s;
}
.card:hover { transform: translateY(-5px); }
footer {
text-align: center;
padding: 30px 20px;
background: #0d0d0d;
color: white;
}
html { scroll-behavior: smooth; }
/style
/head
body
nav
ul
lia href="#home"Home/a/li
lia href="#about"About/a/li
lia href="#services"Services/a/li
lia href="#products"Products/a/li
lia href="#contact"Contact/a/li
/ul
/nav
header id="home"
h1Welcome to Teslian Tech/h1
pWe build intelligent digital solutions that transform businesses./p
/header
section id="about"
h2About Us/h2
pWe are a cutting-edge software company delivering innovative, scalable, and secure tech solutions. Our team specializes in AI, web & mobile apps, blockchain, and custom systems for clients worldwide./p
/section
section id="services"
h2Our Services/h2
div class="grid"
div class="card"
h3Web Development/h3
pRobust, fast, and responsive web applications tailored to your needs./p
/div
div class="card"
h3Mobile Apps/h3
piOS and Android apps with elegant UI and reliable performance./p
/div
div class="card"
h3AI & Machine Learning/h3
pIntegrate smart algorithms to automate and enhance your business./p
/div
div class="card"
h3Blockchain Solutions/h3
pSecure, decentralized apps and token systems for the modern enterprise./p
/div
/div
/section
section id="products"
h2Our Products/h2
div class="grid"
div class="card"
h3Tesbet/h3
pAdvanced betting platform for sports and games./p
/div
div class="card"
h3Vedam/h3
pFuturistic game series combining AR and AI storytelling./p
/div
div class="card"
h3Arinated/h3
pUnique social platform connecting creators and communities./p
/div
div class="card"
h3Tesshop & Tescart/h3
pComplete e-commerce solution for online businesses and stores./p
/div
/div
/section
section id="contact"
h2Contact Us/h2
p style="text-align: center;"Have a project in mind? We'd love to hear from you./p
p style="text-align: center;"strongEmail:/strong contact@tesliantech.com/p
p style="text-align: center;"strongPhone:/strong +123 456 7890/p
/section
footer
© 2025 Teslian Tech. All rights reserved.
/footer
script
// Optional: Smooth scrolling polyfill or enhancements can go here
// All navigation links already scroll smoothly via CSS
/script
/body
/html