BitScream/index.html at main · itzAariz/BitScream · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BitScream - Our Products and Info</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Arial', sans-serif;
        }

        body {
            background-color: #f4f4f9;
            color: #333;
            line-height: 1.6;
        }

        header {
            background-color: #2c3e50;
            color: white;
            text-align: center;
            padding: 2rem;
        }

        header h1 {
            font-size: 2.5rem;
            margin-bottom: 0.5rem;
        }

        nav {
            background-color: #34495e;
            padding: 1rem;
        }

        nav ul {
            list-style: none;
            display: flex;
            justify-content: center;
            gap: 2rem;
        }

        nav a {
            color: white;
            text-decoration: none;
            font-weight: bold;
        }

        nav a:hover {
            color: #3498db;
        }

        .container {
            max-width: 1200px;
            margin: 2rem auto;
            padding: 0 1rem;
        }

        .products {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
            margin-bottom: 3rem;
        }

        .product-card {
            background: white;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            padding: 1.5rem;
            text-align: center;
            transition: transform 0.3s;
        }

        .product-card:hover {
            transform: translateY(-5px);
        }

        .product-card h3 {
            color: #2c3e50;
            margin-bottom: 1rem;
        }

        .product-card p {
            color: #666;
        }

        .about {
            background: white;
            border-radius: 8px;
            padding: 2rem;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }

        .about h2 {
            color: #2c3e50;
            margin-bottom: 1rem;
        }

        footer {
            background-color: #2c3e50;
            color: white;
            text-align: center;
            padding: 1rem;
            margin-top: 2rem;
        }

        @media (max-width: 768px) {
            header h1 {
                font-size: 2rem;
            }

            nav ul {
                flex-direction: column;
                text-align: center;
            }

            .products {
                grid-template-columns: 1fr;
            }
        }
    </style>
</head>
<body>
    <header>
        <h1>BitScream</h1>
        <p>Innovative Software Solutions</p>
    </header>

    <nav>
        <ul>
            <li><a href="#products">Products</a></li>
            <li><a href="#about">About Us</a></li>
            <li><a href="#contact">Contact</a></li>
        </ul>
    </nav>

    <div class="container">
        <section id="products" class="products">
            <div class="product-card">
                <h3>SurfSea</h3>
                <p>Our powerful search engine that delivers fast, accurate, and relevant results to help you navigate the vast ocean of information on the web.</p>
            </div>
            <div class="product-card">
                <h3>Tova</h3>
                <p>An advanced AI platform designed to provide intelligent solutions, automate tasks, and enhance productivity with cutting-edge machine learning.</p>
            </div>
            <div class="product-card">
                <h3>HatTrick</h3>
                <p>A secure, fast, and user-friendly web browser built for seamless browsing, with features tailored for privacy and performance.</p>
            </div>
        </section>

        <section id="about" class="about">
            <h2>About BitScream</h2>
            <p>BitScream is a forward-thinking software company dedicated to creating innovative tools that empower users. Our mission is to simplify technology, making it accessible and impactful for everyone. With a focus on quality and user experience, we develop products like SurfSea, Tova, and Hattrick to redefine how people interact with the digital world.</p>
        </section>
    </div>

    <footer id="contact">
        <p>&copy; 2025 BitScream. All rights reserved.</p>
        <p>Contact us: [email coming soon] </p>
    </footer>
</body>
</html>