 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 class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>AiCoding - Save Your Website Code with GoSiteMe.com</title>
<meta name="description" content="AiCoding - The ultimate platform for saving and managing your website code using your GoSiteMe.com webhosting account. Store, organize, and deploy your projects seamlessly.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4OCAxMDIuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgODggMTAyLjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNjY2NjY2O30KCS5zdDF7ZmlsbDojODg4ODg4O30KCS5zdDJ7ZmlsbDpub25lO30KPC9zdHlsZT4KPGc+Cgk8Zz4KCQk8Zz4KCQkJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSI4OCw1Mi42IDg4LDUyLjYgMzguNCwzIDI0LjIsMTcuMiA1OS43LDUyLjYgMjQuMyw4OCAzOC40LDEwMi4yIAkJCSIvPgoJCTwvZz4KCQk8Zz4KCQkJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSI4NSw0OS42IDg1LDQ5LjYgMzUuNCwwIDIxLjIsMTQuMiA1Ni43LDQ5LjYgMjEuMyw4NSAzNS40LDk5LjIgCQkJIi8+CgkJPC9nPgoJPC9nPgoJPGxpbmUgY2xhc3M9InN0MiIgeDE9IjQwLjMiIHkxPSIxMDMuOCIgeDI9IjkwLjEiIHkyPSI1NC4yIi8+Cgk8Zz4KCQk8cG9seWxpbmUgY2xhc3M9InN0MCIgcG9pbnRzPSIxMC41LDc0LjQgMTQuMSw3OCA0Mi40LDQ5LjYgMzguNyw0NS44IAkJIi8+CgkJPHBvbHlsaW5lIGNsYXNzPSJzdDEiIHBvaW50cz0iMzguNyw0NS45IDE0LjIsMjEuMyAwLDM1LjQgMTQuMiw0OS42IDAsNjMuOCAxMC42LDc0LjQgCQkiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K" />
<style>
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
font-size: 10px;
font-family: 'Inter', sans-serif;
color: #1a1a1a;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
}
body {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 2rem;
}
/* Header */
.header {
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 2rem 0;
position: sticky;
top: 0;
z-index: 100;
}
.header-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
display: flex;
align-items: center;
gap: 1rem;
text-decoration: none;
color: #333;
}
.logo svg {
width: 4rem;
height: 4rem;
}
.logo-text {
font-size: 2.4rem;
font-weight: 700;
color: #333;
}
.nav {
display: flex;
gap: 3rem;
align-items: center;
}
.nav-link {
text-decoration: none;
color: #333;
font-weight: 500;
font-size: 1.6rem;
transition: color 0.3s ease;
}
.nav-link:hover {
color: #667eea;
}
.btn {
padding: 1.2rem 2.4rem;
border: none;
border-radius: 8px;
font-weight: 600;
font-size: 1.4rem;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
display: inline-block;
}
.btn-primary {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
}
.btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
}
/* Hero Section */
.hero {
padding: 8rem 0;
text-align: center;
color: white;
}
.hero h1 {
font-size: 5.6rem;
font-weight: 700;
margin-bottom: 2rem;
line-height: 1.2;
}
.hero p {
font-size: 2rem;
margin-bottom: 4rem;
opacity: 0.9;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.hero-buttons {
display: flex;
gap: 2rem;
justify-content: center;
flex-wrap: wrap;
}
.btn-secondary {
background: rgba(255, 255, 255, 0.2);
color: white;
border: 2px solid rgba(255, 255, 255, 0.3);
}
.btn-secondary:hover {
background: rgba(255, 255, 255, 0.3);
transform: translateY(-2px);
}
/* Features Section */
.features {
background: white;
padding: 8rem 0;
}
.section-title {
text-align: center;
font-size: 4rem;
font-weight: 700;
margin-bottom: 2rem;
color: #1a1a1a;
}
.section-subtitle {
text-align: center;
font-size: 1.8rem;
color: #666;
margin-bottom: 6rem;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 4rem;
margin-top: 4rem;
}
.feature-card {
background: #f8f9fa;
padding: 3rem;
border-radius: 16px;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.feature-card:hover {
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}
.feature-icon {
width: 6rem;
height: 6rem;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 2rem;
font-size: 2.4rem;
color: white;
}
.feature-title {
font-size: 2.2rem;
font-weight: 600;
margin-bottom: 1.5rem;
color: #1a1a1a;
}
.feature-description {
font-size: 1.6rem;
color: #666;
line-height: 1.6;
}
/* Code Editor Section */
.code-editor {
background: #1a1a1a;
padding: 8rem 0;
color: white;
}
.editor-container {
background: #2d2d2d;
border-radius: 16px;
padding: 3rem;
margin-top: 4rem;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
.editor-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 2rem;
padding-bottom: 2rem;
border-bottom: 1px solid #444;
}
.file-tabs {
display: flex;
gap: 1rem;
}
.file-tab {
padding: 1rem 2rem;
background: #444;
border-radius: 8px;
cursor: pointer;
transition: background 0.3s ease;
}
.file-tab.active {
background: #667eea;
}
.save-btn {
background: #28a745;
color: white;
padding: 1rem 2rem;
border-radius: 8px;
border: none;
cursor: pointer;
font-weight: 600;
transition: background 0.3s ease;
}
.save-btn:hover {
background: #218838;
}
.code-area {
background: #1e1e1e;
border-radius: 8px;
padding: 2rem;
font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
font-size: 1.4rem;
line-height: 1.6;
min-height: 300px;
color: #e6e6e6;
border: 1px solid #444;
}
/* Footer */
.footer {
background: #1a1a1a;
color: white;
padding: 4rem 0 2rem;
}
.footer-content {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 4rem;
margin-bottom: 3rem;
}
.footer-section h3 {
font-size: 2rem;
margin-bottom: 2rem;
color: #667eea;
}
.footer-section p, .footer-section a {
font-size: 1.4rem;
color: #ccc;
line-height: 1.6;
text-decoration: none;
}
.footer-section a:hover {
color: #667eea;
}
.footer-bottom {
border-top: 1px solid #333;
padding-top: 2rem;
text-align: center;
font-size: 1.4rem;
color: #999;
}
.gositeme-logo {
display: flex;
align-items: center;
gap: 1rem;
margin-top: 1rem;
}
.gositeme-logo svg {
width: 3rem;
height: 3rem;
}
/* Responsive Design */
@media screen and (max-width: 768px) {
html { font-size: 8px; }
.header-content {
flex-direction: column;
gap: 2rem;
}
.nav {
flex-direction: column;
gap: 1rem;
}
.hero h1 {
font-size: 4rem;
}
.hero p {
font-size: 1.6rem;
}
.hero-buttons {
flex-direction: column;
align-items: center;
}
.features-grid {
grid-template-columns: 1fr;
}
.editor-header {
flex-direction: column;
gap: 2rem;
}
.file-tabs {
flex-wrap: wrap;
}
}
@media screen and (max-width: 480px) {
html { font-size: 7px; }
.container {
padding: 0 1rem;
}
.hero h1 {
font-size: 3.2rem;
}
.section-title {
font-size: 3rem;
}
}
</style>
</head>
<body>
<!-- Header -->
<header class="header">
<div class="container">
<div class="header-content">
<a href="#" class="logo">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 88 102.2" xml:space="preserve">
<style type="text/css">
.st0{fill:#666666;}
.st1{fill:#888888;}
.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">AiCoding</span>
</a>
<nav class="nav">
<a href="#features" class="nav-link">Features</a>
<a href="#editor" class="nav-link">Code Editor</a>
<a href="#pricing" class="nav-link">Pricing</a>
<a href="https://gositeme.com" class="nav-link">GoSiteMe.com</a>
<a href="#login" class="btn btn-primary">Login</a>
</nav>
</div>
</div>
</header>
<!-- Hero Section -->
<section class="hero">
<div class="container">
<h1>Save Your Website Code with GoSiteMe.com</h1>
<p>The ultimate platform for developers to store, organize, and deploy their website projects using their GoSiteMe.com webhosting account.</p>
<div class="hero-buttons">
<a href="#editor" class="btn btn-primary">Start Coding Now</a>
<a href="#features" class="btn btn-secondary">Learn More</a>
</div>
</div>
</section>
<!-- Features Section -->
<section id="features" class="features">
<div class="container">
<h2 class="section-title">Why Choose AiCoding?</h2>
<p class="section-subtitle">Seamlessly integrate with your GoSiteMe.com webhosting account and take your coding workflow to the next level.</p>
<div class="features-grid">
<div class="feature-card">
<div class="feature-icon">💾</div>
<h3 class="feature-title">Secure Storage</h3>
<p class="feature-description">Save all your website code securely in your GoSiteMe.com webhosting account with automatic backups and version control.</p>
</div>
<div class="feature-card">
<div class="feature-icon">🚀</div>
<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">
<div class="feature-icon">🔧</div>
<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">
<div class="feature-icon">📱</div>
<h3 class="feature-title">Responsive Design</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">
<div class="feature-icon">🔒</div>
<h3 class="feature-title">Private Projects</h3>
<p class="feature-description">Keep your code private and secure with enterprise-grade security and access controls.</p>
</div>
<div class="feature-card">
<div class="feature-icon">📊</div>
<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>
<!-- Code Editor Section -->
<section id="editor" class="code-editor">
<div class="container">
<h2 class="section-title">Online Code Editor</h2>
<p class="section-subtitle">Write, edit, and save your code directly to your GoSiteMe.com webhosting account.</p>
<div class="editor-container">
<div class="editor-header">
<div class="file-tabs">
<div class="file-tab active">index.html</div>
<div class="file-tab">style.css</div>
<div class="file-tab">script.js</div>
</div>
<button class="save-btn">💾 Save to GoSiteMe.com</button>
</div>
<div class="code-area" contenteditable="true">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Website</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Welcome to My Website</h1>
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<main>
<section id="home">
<h2>Hello World!</h2>
<p>This is my amazing website created with AiCoding and hosted on GoSiteMe.com</p>
</section>
</main>
<footer>
<p>© 2024 My Website. Powered by AiCoding and GoSiteMe.com</p>
</footer>
<script src="script.js"></script>
</body>
</html></div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-section">
<h3>AiCoding</h3>
<p>The ultimate platform for saving and managing your website code using your GoSiteMe.com webhosting account.</p>
<div class="gositeme-logo">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 88 102.2" xml:space="preserve">
<style type="text/css">
.st0{fill:#666666;}
.st1{fill:#888888;}
.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>Brother site of GoSiteMe.com</span>
</div>
</div>
<div class="footer-section">
<h3>Features</h3>
<p><a href="#features">Code Editor</a></p>
<p><a href="#features">Secure Storage</a></p>
<p><a href="#features">Instant Deployment</a></p>
<p><a href="#features">Version Control</a></p>
<p><a href="#features">Collaboration Tools</a></p>
</div>
<div class="footer-section">
<h3>Resources</h3>
<p><a href="https://gositeme.com">GoSiteMe.com</a></p>
<p><a href="#docs">Documentation</a></p>
<p><a href="#tutorials">Tutorials</a></p>
<p><a href="#support">Support</a></p>
<p><a href="#blog">Blog</a></p>
</div>
<div class="footer-section">
<h3>Contact</h3>
<p>Need help with your code?</p>
<p>Contact our support team</p>
<p>Email: support@aicoding.com</p>
<p>Phone: +1 (555) 123-4567</p>
</div>
</div>
<div class="footer-bottom">
<p>© 2024 AiCoding. 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>
<script>
// Simple tab switching functionality
document.querySelectorAll('.file-tab').forEach(tab => {
tab.addEventListener('click', () => {
document.querySelectorAll('.file-tab').forEach(t => t.classList.remove('active'));
tab.classList.add('active');
});
});
// Save button functionality
document.querySelector('.save-btn').addEventListener('click', () => {
const code = document.querySelector('.code-area').textContent;
alert('Code saved to your GoSiteMe.com webhosting account!');
console.log('Code to save:', code);
});
// Smooth scrolling for navigation links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
target.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
});
});
</script>
</body>
</html>