 Server : Apache/2 System : Linux server-15-235-50-60 5.15.0-164-generic #174-Ubuntu SMP Fri Nov 14 20:25:16 UTC 2025 x86_64 User : gositeme ( 1004) PHP Version : 8.2.29 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory : /home/gositeme/domains/gocodeme.com/public_html/BACKUP/ |
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>GoCodeMe - Professional Code Management Platform</title>
<meta name="description" content="GoCodeMe - The ultimate platform for saving and managing your website code using your GoSiteMe.com webhosting account. Professional tools for developers.">
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<!-- Favicon -->
<link rel="shortcut icon" href="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4OCAxMDIuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgODggMTAyLjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDY4MkI0O30KCS5zdDF7ZmlsbDojMzFCN0U5O30KCS5zdDJ7ZmlsbDpub25lO30KPC9zdHlsZT4KPGc+Cgk8Zz4KCQk8Zz4KCQkJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSI4OCw1Mi42IDg4LDUyLjYgMzguNCwzIDI0LjIsMTcuMiA1OS43LDUyLjYgMjQuMyw4OCAzOC40LDEwMi4yIAkJCSIvPgoJCTwvZz4KCQk8Zz4KCQkJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSI4NSw0OS42IDg1LDQ5LjYgMzUuNCwwIDIxLjIsMTQuMiA1Ni43LDQ5LjYgMjEuMyw4NSAzNS40LDk5LjIgCQkJIi8+CgkJPC9nPgoJPC9nPgoJPGxpbmUgY2xhc3M9InN0MiIgeDE9IjQwLjMiIHkxPSIxMDMuOCIgeDI9IjkwLjEiIHkyPSI1NC4yIi8+Cgk8Zz4KCQk8cG9seWxpbmUgY2xhc3M9InN0MCIgcG9pbnRzPSIxMC41LDc0LjQgMTQuMSw3OCA0Mi40LDQ5LjYgMzguNyw0NS44IAkJIi8+CgkJPHBvbHlsaW5lIGNsYXNzPSJzdDEiIHBvaW50cz0iMzguNyw0NS45IDE0LjIsMjEuMyAwLDM1LjQgMTQuMiw0OS42IDAsNjMuOCAxMC42LDc0LjQgCQkiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K">
<style>
/* Reset & Base Styles */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
font-size: 62.5%; /* 1rem = 10px */
scroll-behavior: smooth;
}
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
line-height: 1.6;
color: #1a202c;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
overflow-x: hidden;
}
/* Container & Layout */
.container {
max-width: 120rem;
margin: 0 auto;
padding: 0 2rem;
}
/* Header */
.header {
position: fixed;
top: 0;
left: 0;
right: 0;
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(20px);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
z-index: 1000;
padding: 2rem 0;
}
.header-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
display: flex;
align-items: center;
gap: 1.2rem;
text-decoration: none;
color: #2d3748;
}
.logo-icon {
width: 4rem;
height: 4rem;
}
.logo-text {
font-size: 2.4rem;
font-weight: 700;
background: linear-gradient(135deg, #667eea, #764ba2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.nav {
display: flex;
gap: 3rem;
align-items: center;
}
.nav-link {
text-decoration: none;
color: #4a5568;
font-size: 1.6rem;
font-weight: 500;
transition: color 0.3s ease;
}
.nav-link:hover {
color: #667eea;
}
/* Hero Section */
.hero {
padding: 16rem 0 12rem;
text-align: center;
color: white;
}
.hero-content {
max-width: 80rem;
margin: 0 auto;
}
.hero-badge {
display: inline-block;
background: rgba(255, 255, 255, 0.2);
color: white;
padding: 1rem 2rem;
border-radius: 50px;
font-size: 1.4rem;
font-weight: 500;
margin-bottom: 3rem;
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.3);
}
.hero-title {
font-size: 6.4rem;
font-weight: 800;
line-height: 1.1;
margin-bottom: 2.4rem;
background: linear-gradient(135deg, #ffffff, #e2e8f0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.hero-subtitle {
font-size: 2.4rem;
font-weight: 400;
margin-bottom: 4rem;
opacity: 0.9;
max-width: 60rem;
margin-left: auto;
margin-right: auto;
}
.hero-actions {
display: flex;
gap: 2rem;
justify-content: center;
flex-wrap: wrap;
}
/* Buttons */
.btn {
display: inline-flex;
align-items: center;
gap: 1rem;
padding: 1.8rem 3.6rem;
border-radius: 12px;
font-size: 1.6rem;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
border: none;
cursor: pointer;
position: relative;
overflow: hidden;
}
.btn-primary {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
}
.btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);
}
.btn-secondary {
background: rgba(255, 255, 255, 0.2);
color: white;
border: 2px solid rgba(255, 255, 255, 0.3);
backdrop-filter: blur(10px);
}
.btn-secondary:hover {
background: rgba(255, 255, 255, 0.3);
transform: translateY(-2px);
}
/* Main Content */
.main-content {
background: white;
border-radius: 40px 40px 0 0;
margin-top: -4rem;
position: relative;
z-index: 10;
}
/* Stats Section */
.stats {
padding: 8rem 0;
background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
}
.stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
gap: 4rem;
text-align: center;
}
.stat-item {
padding: 3rem 2rem;
}
.stat-number {
font-size: 4.8rem;
font-weight: 800;
color: #667eea;
display: block;
margin-bottom: 1rem;
}
.stat-label {
font-size: 1.6rem;
color: #4a5568;
font-weight: 500;
}
/* Features Section */
.features {
padding: 10rem 0;
}
.section-header {
text-align: center;
margin-bottom: 8rem;
}
.section-title {
font-size: 4.8rem;
font-weight: 700;
color: #2d3748;
margin-bottom: 2rem;
}
.section-subtitle {
font-size: 2rem;
color: #718096;
max-width: 60rem;
margin: 0 auto;
}
.features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(35rem, 1fr));
gap: 4rem;
}
.feature-card {
background: white;
padding: 4rem 3rem;
border-radius: 20px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
border: 1px solid #e2e8f0;
transition: all 0.3s ease;
text-align: center;
}
.feature-card:hover {
transform: translateY(-8px);
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}
.feature-icon {
font-size: 6rem;
margin-bottom: 2rem;
display: block;
}
.feature-title {
font-size: 2.4rem;
font-weight: 600;
color: #2d3748;
margin-bottom: 1.5rem;
}
.feature-description {
font-size: 1.6rem;
color: #718096;
line-height: 1.6;
}
/* CTA Section */
.cta {
padding: 10rem 0;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
text-align: center;
}
.cta-content {
max-width: 60rem;
margin: 0 auto;
}
.cta-title {
font-size: 4.8rem;
font-weight: 700;
margin-bottom: 2rem;
}
.cta-description {
font-size: 2rem;
margin-bottom: 4rem;
opacity: 0.9;
}
/* Footer */
.footer {
background: #1a202c;
color: white;
padding: 6rem 0 3rem;
}
.footer-content {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
gap: 4rem;
margin-bottom: 4rem;
}
.footer-section h3 {
font-size: 2rem;
font-weight: 600;
margin-bottom: 2rem;
color: #667eea;
}
.footer-section p,
.footer-section a {
font-size: 1.4rem;
color: #a0aec0;
text-decoration: none;
line-height: 1.6;
display: block;
margin-bottom: 1rem;
}
.footer-section a:hover {
color: #667eea;
}
.footer-bottom {
border-top: 1px solid #2d3748;
padding-top: 3rem;
text-align: center;
font-size: 1.4rem;
color: #718096;
}
.gositeme-logo {
display: flex;
align-items: center;
gap: 1rem;
margin-top: 1rem;
}
.gositeme-logo img {
width: 12rem;
filter: brightness(0) invert(1);
}
/* Responsive Design */
@media (max-width: 768px) {
html { font-size: 56.25%; } /* 9px base */
.hero-title { font-size: 4.8rem; }
.hero-subtitle { font-size: 2rem; }
.section-title { font-size: 3.6rem; }
.hero-actions {
flex-direction: column;
align-items: center;
}
.btn { width: 100%; max-width: 30rem; justify-content: center; }
.features-grid { grid-template-columns: 1fr; }
.stats-grid { grid-template-columns: repeat(2, 1fr); gap: 2rem; }
.nav { display: none; }
}
@media (max-width: 480px) {
html { font-size: 50%; } /* 8px base */
.hero-title { font-size: 4rem; }
.hero-subtitle { font-size: 1.8rem; }
.section-title { font-size: 3.2rem; }
.stats-grid { grid-template-columns: 1fr; }
.container { padding: 0 1.5rem; }
}
</style>
</head>
<body>
<!-- Header -->
<header class="header">
<div class="container">
<div class="header-content">
<a href="#" class="logo">
<svg class="logo-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 102.2">
<style>.st0{fill:#0682B4;}.st1{fill:#31B7E9;}.st2{fill:none;}</style>
<g><g><polygon class="st0" points="88,52.6 88,52.6 38.4,3 24.2,17.2 59.7,52.6 24.3,88 38.4,102.2"/></g><g><polygon class="st1" points="85,49.6 85,49.6 35.4,0 21.2,14.2 56.7,49.6 21.3,85 35.4,99.2"/></g></g>
<line class="st2" x1="40.3" y1="103.8" x2="90.1" y2="54.2"/>
<g><polyline class="st0" points="10.5,74.4 14.1,78 42.4,49.6 38.7,45.8"/><polyline class="st1" points="38.7,45.9 14.2,21.3 0,35.4 14.2,49.6 0,63.8 10.6,74.4"/></g>
</svg>
<span class="logo-text">GoCodeMe</span>
</a>
<nav class="nav">
<a href="#features" class="nav-link">Features</a>
<a href="#pricing" class="nav-link">Pricing</a>
<a href="https://gositeme.com" class="nav-link">GoSiteMe.com</a>
<a href="aicoding.html" class="btn btn-primary">Launch Platform</a>
</nav>
</div>
</div>
</header>
<!-- Hero Section -->
<section class="hero">
<div class="container">
<div class="hero-content">
<div class="hero-badge">🚀 Professional Code Management Platform</div>
<h1 class="hero-title">Save Your Website Code with GoSiteMe.com</h1>
<p class="hero-subtitle">The ultimate platform for developers to store, organize, and deploy their website projects using their GoSiteMe.com webhosting account.</p>
<div class="hero-actions">
<a href="aicoding.html" class="btn btn-primary">🚀 Launch GoCodeMe Platform</a>
<a href="#features" class="btn btn-secondary">Learn More</a>
</div>
</div>
</div>
</section>
<!-- Main Content -->
<main class="main-content">
<!-- Stats Section -->
<section class="stats">
<div class="container">
<div class="stats-grid">
<div class="stat-item">
<span class="stat-number">10K+</span>
<span class="stat-label">Projects Saved</span>
</div>
<div class="stat-item">
<span class="stat-number">99.9%</span>
<span class="stat-label">Uptime Guarantee</span>
</div>
<div class="stat-item">
<span class="stat-number">24/7</span>
<span class="stat-label">Expert Support</span>
</div>
<div class="stat-item">
<span class="stat-number">1-Click</span>
<span class="stat-label">Deployment</span>
</div>
</div>
</div>
</section>
<!-- Features Section -->
<section id="features" class="features">
<div class="container">
<div class="section-header">
<h2 class="section-title">Why Choose GoCodeMe?</h2>
<p class="section-subtitle">Seamlessly integrate with your GoSiteMe.com webhosting account and take your coding workflow to the next level.</p>
</div>
<div class="features-grid">
<div class="feature-card">
<span class="feature-icon">🚀</span>
<h3 class="feature-title">Instant Deployment</h3>
<p class="feature-description">Deploy your code directly to your GoSiteMe.com hosting with one-click deployment and automatic SSL certificates.</p>
</div>
<div class="feature-card">
<span class="feature-icon">🔒</span>
<h3 class="feature-title">Secure Storage</h3>
<p class="feature-description">Save all your website code securely with enterprise-grade security, automatic backups, and version control.</p>
</div>
<div class="feature-card">
<span class="feature-icon">âš¡</span>
<h3 class="feature-title">Real-time Sync</h3>
<p class="feature-description">Your code stays synchronized across all your devices automatically with real-time updates and collaboration.</p>
</div>
<div class="feature-card">
<span class="feature-icon">📱</span>
<h3 class="feature-title">Responsive Preview</h3>
<p class="feature-description">Preview your websites across all devices with our built-in responsive design testing tools.</p>
</div>
<div class="feature-card">
<span class="feature-icon">🔧</span>
<h3 class="feature-title">Advanced Editor</h3>
<p class="feature-description">Powerful code editor with syntax highlighting, auto-completion, and real-time collaboration features.</p>
</div>
<div class="feature-card">
<span class="feature-icon">📊</span>
<h3 class="feature-title">Analytics & Insights</h3>
<p class="feature-description">Track your website performance with detailed analytics and optimization recommendations.</p>
</div>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="cta">
<div class="container">
<div class="cta-content">
<h2 class="cta-title">Ready to Transform Your Coding Workflow?</h2>
<p class="cta-description">Join thousands of developers who trust GoCodeMe to manage their website projects with GoSiteMe.com hosting.</p>
<a href="aicoding.html" class="btn btn-primary">🚀 Get Started Now</a>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-section">
<h3>GoCodeMe</h3>
<p>The ultimate platform for saving and managing your website code using your GoSiteMe.com webhosting account.</p>
<div class="gositeme-logo">
<img src="https://gositeme.com/wp-content/uploads/2022/02/logo_final_site.png" alt="GoSiteMe.com">
<span>Brother site of GoSiteMe.com</span>
</div>
</div>
<div class="footer-section">
<h3>Features</h3>
<a href="#features">Code Editor</a>
<a href="#features">Secure Storage</a>
<a href="#features">Instant Deployment</a>
<a href="#features">Version Control</a>
<a href="#features">Collaboration Tools</a>
</div>
<div class="footer-section">
<h3>Resources</h3>
<a href="https://gositeme.com">GoSiteMe.com</a>
<a href="#docs">Documentation</a>
<a href="#tutorials">Tutorials</a>
<a href="#support">Support</a>
<a href="#blog">Blog</a>
</div>
<div class="footer-section">
<h3>Contact</h3>
<p>Need help with your code?</p>
<p>Contact our support team</p>
<p>Email: support@gocodeme.com</p>
<p>Phone: +1 (555) 123-4567</p>
</div>
</div>
<div class="footer-bottom">
<p>© 2024 GoCodeMe. All rights reserved. | Powered by <a href="https://gositeme.com">GoSiteMe.com</a></p>
<p>Created at: Wed Jun 25 08:10:47 2025</p>
</div>
</div>
</footer>
</body>
</html>