omindev/index.html at main · codemo-dev/omindev · 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
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>OminDev team</title>
        <link rel="stylesheet" href="css/all.min.css"> <!--icon library file -->
        <link rel="stylesheet" href="css/normalize.css"> <!-- normalize file -->
        <link rel="stylesheet" href="style.css"> <!-- css file -->
        <!-- start of the 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=Dancing+Script:wght@400..700&family=Oswald:wght@200..700&display=swap" rel="stylesheet">
        <!-- end of the fonts -->
        <!-- font awesome cdn link -->
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
    </head>
    <body>
        <!-- start header -->
        <header id="home">
            <div id="nav" class="container">
                <div id="logo" class="logo">
                    <img src="logo-removebg-preview.png" alt="logo">
                    <img class="name" src="omindev-name-removebg-preview.png" alt="name">
                </div>
                <nav >
                    <i id="icoMenu" class="fas fa-bars toggle-menu"></i> <!-- menu icon -->
                    <ul id="ul">
                        <li class="active"><a href="#home">Home</a></li>
                        <li><a href="#services">Services</a></li>
                        <li><a href="#">Portfolio</a></li>
                        <li><a href="#about">About</a></li>
                        <li><a href="#">Pricing</a></li>
                        <li><a href="#">Contact</a></li>
                    </ul>
                    <div  class="form"> <!-- search icon -->
                        <i id="search" class="fas fa-search"></i>
                    </div>
                </nav>

            </div>
        </header>
        <!-- end header -->

        <!-- start landing -->
        <div class="landing">
            <div class="overlay"></div> <!-- عملته عشان يغطي كل القسم و اخليه شفاف  -->
            <div class="text">
                <div class="content">
                    <h2 id="h1">
                        Hello World!<br>
                        <span class="secondary-title">We are <span class="our-name">OminDev</span> We Make Art.</span>
                    </h2>
                    <p id="h2">
                        OmniDev Unified by Code. Driven by Vision.
                        We’re a multidisciplinary tech team turning bold ideas into powerful digital solutions.
                        From startups seeking smart products to developers craving real impact
                        OmniDev is where innovation meets execution.

                        Whether you’re here to build with us or grow with us
                        You’re in the right place
                    </p>
                </div>
            </div>
        </div>
        <!-- end landing -->

        <!-- start services -->
        <div class="services" id="services">
            <div class="container">
                <div class="main-heading"><!-- components عنوان القسم تنسيقاته من  -->
                    <h2>Your Idea. Our Mission</h2>
                    <p>From Idea to Launch, We Make it Happen</p>
                </div>
                <!-- حاويه كل الخدمات عملتها عشان اتحكم في المسافه بين العنوان و الخدمات بسهولة -->
                <div class="services-container">
                    <!-- service number one -->
                    <div class="box">
                        <i class="fas fa-laptop-code"></i>
                        <div class="text">
                            <h3>Web Development</h3>
                            <p>
                                We build fast, responsive websites tailored to your brand and goals. Designed to grow with you.
                            </p>
                        </div>
                    </div>
                    <!-- service number two -->
                    <div class="box">
                        <i class="fas fa-mobile-alt"></i>
                        <div class="text">
                            <h3>Mobile App Development</h3>
                            <p>
                                We create smooth, scalable apps that users love. Built for performance and purpose.
                            </p>
                        </div>
                    </div>
                    <!-- service number three -->
                    <div class="box">
                        <i class="fas fa-chart-line"></i>
                        <div class="text">
                            <h3>Data Analysis</h3>
                            <p>
                                We turn raw data into smart insights. Make informed decisions with clarity and confidence.
                            </p>
                        </div>
                    </div>
                    <!-- service number four -->
                    <div class="box">
                        <i class="fas fa-pencil"></i>
                        <div class="text">
                            <h3>Graphic Design</h3>
                            <p>
                                We craft visual identities that speak. Memorable, meaningful, and made to inspire.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end services -->

        <!-- start design section -->
        <div class="design">
            <div class="images">
                <img src="Devices-removebg-preview.png" alt="">
            </div>
            <div class="text">
                <h2>Our Designs Comes With...</h2>
                <ul>
                    <li>Responsive Design</li>
                    <li>Modern & Clean Design</li>
                    <li>Clean Code</li>
                    <li>Browser Friendly</li>
                </ul>
            </div>
        </div>
        <!-- end design section -->
        <!-- start about -->
        <div class="about" id="about">
            <div class="container">
                <div class="main-heading">
                    <h2>About Us</h2>
                    <p>The OminDev Vision</p>
                </div>
                <div class="text">
                    <p>
                        <span>OminDev </span> is an open tech team that combines talent development with
                        high-quality, full-service delivery. Our vision is simple: to create a real,
                        supportive space where developers, designers, and creatives from all backgrounds
                        can grow their skills, work on real-world projects, and find opportunities to evolve
                        within a team that values learning, collaboration, and continuous growth.
                    </p>
                    <hr>
                    <p>
                        But <span>we didn’t stop there</span> we also provide end-to-end solutions for clients.
                        Whether you're an entrepreneur, a startup founder, or a company looking to build a strong digital
                        presence, we've got you covered. Our team includes frontend and backend developers, UI/UX designers,
                        graphic designers, and data analysts all working together to transform your idea into a fully realized
                        product: well-designed, efficiently built, and results-driven.
                    </p>
                    <hr>
                    <h5>
                        OmniDev isn’t just a team that writes code. We’re a mindset,
                        a community, and a forward-looking vision. We build together,
                        grow together, and succeed together.
                    </h5>
                </div>
            </div>
        </div>
        <!-- end about -->
        <!-- start contact -->
        <div class="contact">
            <div class="main-heading">
                <h2>Contact Us</h2>
                <p>It all Starts With Message</p>
            </div>
            <div class="text">
                <h2>Feel Free to Drop us a message:</h2>
                <a href="mailto:omin.devx@gmail.com">omin.devx@gmail.com</a>
            </div>
            <div class="social">
                <a href="https://chat.whatsapp.com/KW93rB1iW3jBIJHw4jPshM?mode=r_t"><i class="fab fa-whatsapp-square"></i></a>
                <a href="https://www.tiktok.com/@usm_x0"><i class="fab fa-tiktok"></i></a>
                <a href="https://www.instagram.com/omin_devx"><i class="fab fa-instagram-square"></i></a>
                <a href="https://www.facebook.com/share/16YCkxFQVV/"><i class="fab fa-square-facebook"></i></a>
            </div>
        </div>
        <!-- start contact -->
        <!-- start footer -->
        <footer>
            &copy; 2025 <span>OminDev</span> All Right Reserved
        </footer>
        <!-- end footer -->

        <!-- start audio -->
        <audio id="k" src="keyboard.wav"></audio>
        <!-- end audio -->

         <!-- start java -->
         <script src="main.js"></script>
         <!-- end java -->
    </body>
</html>