Skip to content

Create index.html #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
samyak2403 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Create index.html #1

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
67 changes: 67 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,67 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Launch your app with style! Download for Android and iOS.">
<meta name="author" content="Language Translator Pro Team">
<title>Language Translator Pro - Launch</title>
<link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
</head>
<body>
<header id="hero">
<div class="container">
<div class="content">
<h1>Welcome to <span>Language Translator Pro</span></h1>
<p>Your ultimate language companion for real-time translations and communication.</p>
<a href="#download" class="btn primary">Download Now</a>
</div>
<img src="language-translator-mockup.png" alt="Language Translator Pro Mockup" class="mockup">
</div>
</header>

<section id="features">
<div class="container">
<h2>Key Features</h2>
<div class="features-grid">
<div class="feature-item">
<i class="icon feature-icon">🌍</i>
<h3>Real-Time Translation</h3>
<p>Translate conversations seamlessly in over 100 languages.</p>
</div>
<div class="feature-item">
<i class="icon feature-icon">🎙️</i>
<h3>Speech-to-Text</h3>
<p>Convert spoken words into text for instant translations.</p>
</div>
<div class="feature-item">
<i class="icon feature-icon">📷</i>
<h3>Image Translation</h3>
<p>Translate text from images using our advanced OCR technology.</p>
</div>
</div>
</div>
</section>

<section id="download">
<div class="container">
<h2>Get the App Now</h2>
<p>Available on Android and iOS. Start translating the world today!</p>
<div class="download-buttons">
<a href="#" class="btn android">Download for Android</a>
<a href="#" class="btn ios">Download for iOS</a>
</div>
</div>
</section>

<footer>
<div class="container">
<p>&copy; 2025 Language Translator Pro Team. All rights reserved. | <a href="#">Privacy Policy</a></p>
</div>
</footer>

<script src="script.js"></script>
</body>
</html>