Skip to content

Commit 3a5d310

Browse files
anshumanjadiya1102anshumanjadiya1102
authored
Update index.html
1 parent 2e29585 commit 3a5d310

File tree

1 file changed

+87
-88
lines changed

1 file changed

+87
-88
lines changed

‎index.html‎

Lines changed: 87 additions & 88 deletions
Original file line numberDiff line numberDiff line change
@@ -1,92 +1,91 @@
1-
import { motion } from "framer-motion";
2-
import { Card, CardContent } from "@/components/ui/card";
3-
import { Button } from "@/components/ui/button";
4-
import { Github, Linkedin, Mail, Users, Rocket } from "lucide-react";
5-
6-
export default function App() {
7-
return (
8-
<div className="min-h-screen bg-gray-950 text-gray-100">
9-
{/* Header */}
10-
<header className="text-center py-12 bg-gradient-to-r from-purple-600 to-indigo-600">
11-
<motion.h1
12-
className="text-5xl font-bold mb-4"
13-
initial={{ opacity: 0, y: -50 }}
14-
animate={{ opacity: 1, y: 0 }}
15-
>
16-
🚀 Your Organization Name
17-
</motion.h1>
18-
<p className="text-lg opacity-80">
19-
Innovating • Collaborating • Building for the Future
20-
</p>
21-
<div className="mt-6 flex justify-center gap-4">
22-
<Button variant="secondary" className="rounded-2xl shadow-lg">
23-
<Github className="mr-2 h-4 w-4" /> GitHub
24-
</Button>
25-
<Button variant="secondary" className="rounded-2xl shadow-lg">
26-
<Linkedin className="mr-2 h-4 w-4" /> LinkedIn
27-
</Button>
28-
<Button variant="secondary" className="rounded-2xl shadow-lg">
29-
<Mail className="mr-2 h-4 w-4" /> Contact
30-
</Button>
31-
</div>
32-
</header>
33-
34-
{/* About Section */}
35-
<section className="max-w-5xl mx-auto py-16 px-6">
36-
<h2 className="text-3xl font-semibold text-center mb-10">🌟 About Us</h2>
37-
<p className="text-center text-gray-300 leading-relaxed max-w-3xl mx-auto">
38-
We are a team of passionate developers, innovators, and problem-solvers.
39-
Our mission is to build impactful open-source projects, experiment with
40-
cutting-edge technologies, and create a strong, collaborative community.
41-
</p>
42-
</section>
43-
44-
{/* Tech Stack */}
45-
<section className="bg-gray-900 py-16">
46-
<h2 className="text-3xl font-semibold text-center mb-10">🛠 Our Tech Stack</h2>
47-
<div className="grid grid-cols-2 md:grid-cols-4 gap-6 max-w-4xl mx-auto">
48-
{["Java", "Python", "JavaScript", "React", "Node.js", "Docker", "MongoDB", "GitHub Actions"].map((tech) => (
49-
<Card key={tech} className="bg-gray-800 border-gray-700">
50-
<CardContent className="text-center py-6">
51-
<p className="font-medium">{tech}</p>
52-
</CardContent>
53-
</Card>
54-
))}
55-
</div>
56-
</section>
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Drive-for-Java Organization</title>
7+
<style>
8+
body {
9+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
10+
line-height: 1.6;
11+
margin: 0;
12+
padding: 0;
13+
background-color: #f6f8fa;
14+
color: #24292e;
15+
}
16+
.container {
17+
max-width: 960px;
18+
margin: 0 auto;
19+
padding: 20px;
20+
}
21+
.header {
22+
background-color: #24292e;
23+
color: #ffffff;
24+
padding: 20px;
25+
text-align: center;
26+
border-bottom: 1px solid #e1e4e8;
27+
}
28+
.header h1 {
29+
margin: 0;
30+
font-size: 2.5em;
31+
}
32+
.main-content {
33+
background-color: #ffffff;
34+
padding: 40px;
35+
margin-top: 20px;
36+
border: 1px solid #d1d5da;
37+
border-radius: 6px;
38+
}
39+
.main-content h2 {
40+
font-size: 1.8em;
41+
border-bottom: 1px solid #eaecef;
42+
padding-bottom: 10px;
43+
margin-top: 0;
44+
}
45+
.main-content p {
46+
font-size: 1.1em;
47+
}
48+
.footer {
49+
text-align: center;
50+
padding: 20px;
51+
margin-top: 20px;
52+
color: #586069;
53+
font-size: 0.9em;
54+
}
55+
.btn {
56+
display: inline-block;
57+
padding: 10px 20px;
58+
font-size: 1em;
59+
color: #ffffff;
60+
background-color: #0366d6;
61+
text-decoration: none;
62+
border-radius: 6px;
63+
transition: background-color 0.2s;
64+
}
65+
.btn:hover {
66+
background-color: #005cc5;
67+
}
68+
</style>
69+
</head>
70+
<body>
71+
<div class="header">
72+
<h1>Welcome to Drive-for-Java</h1>
73+
</div>
5774

58-
{/* Projects */}
59-
<section className="max-w-5xl mx-auto py-16 px-6">
60-
<h2 className="text-3xl font-semibold text-center mb-10">🚀 Featured Projects</h2>
61-
<div className="grid md:grid-cols-3 gap-6">
62-
{[
63-
{ title: "Project One", desc: "A cool tool solving real-world problems" },
64-
{ title: "Project Two", desc: "Open-source experiment with big results" },
65-
{ title: "Project Three", desc: "Because every org needs a fun side project" },
66-
].map((project, i) => (
67-
<Card key={i} className="bg-gray-800 border-gray-700 shadow-lg hover:shadow-xl transition">
68-
<CardContent className="p-6">
69-
<h3 className="text-xl font-semibold mb-2">{project.title}</h3>
70-
<p className="text-gray-400">{project.desc}</p>
71-
<Button variant="outline" className="mt-4 w-full rounded-xl">
72-
<Rocket className="mr-2 h-4 w-4" /> View Repo
73-
</Button>
74-
</CardContent>
75-
</Card>
76-
))}
75+
<div class="container">
76+
<div class="main-content">
77+
<h2>About Our Organization</h2>
78+
<p>Welcome to the official website for the <strong>Drive-for-Java</strong> organization. We are dedicated to building and maintaining high-quality Java projects.</p>
79+
<p>Our mission is to foster a collaborative environment for developers to learn, contribute, and create amazing software together.</p>
80+
81+
<h2>Our Projects</h2>
82+
<p>Explore our repositories on GitHub to see what we're working on. We welcome contributions from the community!</p>
83+
<a href="https://github.com/Drive-for-Java" class="btn">View on GitHub</a>
7784
</div>
78-
</section>
85+
</div>
7986

80-
{/* Footer */}
81-
<footer className="text-center py-8 bg-gray-900 text-gray-400">
82-
<p>© {new Date().getFullYear()} Your Organization Name. All Rights Reserved.</p>
83-
<div className="flex justify-center gap-4 mt-4">
84-
<Github className="h-5 w-5 cursor-pointer hover:text-white" />
85-
<Linkedin className="h-5 w-5 cursor-pointer hover:text-white" />
86-
<Mail className="h-5 w-5 cursor-pointer hover:text-white" />
87-
<Users className="h-5 w-5 cursor-pointer hover:text-white" />
88-
</div>
89-
</footer>
87+
<div class="footer">
88+
<p>&copy; 2024 Drive-for-Java. All rights reserved.</p>
9089
</div>
91-
);
92-
}
90+
</body>
91+
</html>

0 commit comments

Comments
 (0)