Add files via upload

Soumyanegi1 · Apr 9, 2024 · 33d6afc · 33d6afc
1 parent aa3e2f6
commit 33d6afc
Show file tree

Hide file tree

Showing 5 changed files with 258 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Education - The best Education Center in the town</title>
+    <link rel="stylesheet" href="style.css">
+    <script src="timer.js"></script>
+    <link rel="stylesheet" href="utils.css">
+</head>
+
+<body class='overflow-x-hidden'>
+    <div class="container mx-auto">
+        <header>
+            <nav class="flex justify-between">
+                <div class="main font-bold flex items-center text-blue">SoumyaEduSystem</div>
+                <ul class="navbar flex items-center">
+                    <li>Home</li>
+                    <li>About</li>
+                    <li>Services</li>
+                    <li>Contact Us</li>
+                    <li><button class="btn">Join Now</button></li>
+                </ul>
+            </nav>
+            <hr>
+        </header>
+        <main class="min-h-screen">
+            <section class="section1">
+                <div class="flex">
+                    <div class="topleft flex flex-col justify-center px-2">
+                        <div class=" text-center">
+                            <img class="logo" src="logo.png" alt="">
+                        </div>
+                        <h1 class="my-1 text-center">The Best Education center in the town is here</h1>
+                        <p class=" text-center">Welcome to Soumya Education Center, where learning knows no bounds! Our center is dedicated to providing high-quality education and fostering a love for learning in all our students. At Soumya Education Center, we believe in nurturing each individual's unique talents and interests to help them reach their full potential. With a team of dedicated educators and a supportive learning environment, we strive to make learning a fun and engaging experience for all. Join us on this exciting educational journey, where the possibilities are endless!.</p>
+                            <p class="deal text-center">The deal ends in <span id="demo"></span></p>
+                            <div class="buttons">
+                                <button class="btn">Join now</button>
+                                <button class="btn">Contact Us</button>
+                            </div>
+                    </div>
+                    <div class="topright flex justify-center">
+                        <img class="sample" src="sample.jpg" alt="">
+                    </div>
+                </div>
+            </section>
+            <hr>
+                <h1 class="text-center">Sign Up Now</h1>
+                <br>
+                    <form class="a">
+                        First Name : <input type="text" name="" id=""> Last Name : <input type="text" name="" id="">
+                        <div>
+                            <br>
+                            Address :  <input type="text" name="" id="">
+                        </div>
+                        <div>
+                            <br>
+                            City :  <input type="text" name="" id="">
+                        </div>
+                        <div>
+                            <br>
+                            ZipCode :  <input type="number" name="" id="">
+                        </div>
+
+                        <div>
+                            <br>
+                            Email :  <input type="email" name="" id="">
+                        </div>
+                        <div>
+                            <br>
+                            Phone Number :  <input type="number" name="" id="">
+                        </div>
+                        <br>
+                       <input type="submit" value="Submit">
+                    </form></p>
+
+                    <p class="para">
+                        <b>JOIN THE BIGGEST COMMUNITY OF LEARNING 📖</b>
+
+                    </p><br>
+            <hr>
+                    <br>
+                       <div class="boxes flex justify-center">
+                    <div class="box">
+                        <h2>Quality Teacher</h2>
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur cupiditate et rem fugit ullam ducimus, facere expedita quaerat. Nisi, minima aliquid aspernatur dolores tempore voluptates tempora laboriosam minus dolor natus.
+                    </div>
+                    <div class="box">
+                        <h2>Best Curriculam</h2>
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam molestias cupiditate nemo earum expedita temporibus fuga eum dicta, alias in! Ab, reprehenderit. Omnis quia odio eaque, ipsa at officia suscipit.
+                    </div>
+                    <div class="box">
+                        <h2>Global Recognition</h2>
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias repellat corporis, ratione eos consequatur odit magnam enim facilis suscipit minus fugit, architecto repellendus quisquam blanditiis amet deleniti unde delectus temporibus!
+                    </div>
+
+        </main>
+
+        <footer>
+            Copyright &copy; SoumyaEduSystem.com | All rights reserved
+        </footer>
+
+    </div>
+</body>
+
+</html>
diff --git a/logo.png b/logo.png
diff --git a/sample.jpg b/sample.jpg
diff --git a/style.css b/style.css
@@ -0,0 +1,94 @@
+@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap');
+
+*{
+    margin: 0;
+    padding: 0;
+}
+
+.container{
+    max-width: 80vw;
+    font-family:Arial, Helvetica, sans-serif;
+}
+
+.navbar{
+    display: flex;
+    height: 67px;
+}
+.navbar li{
+    list-style: none;
+    margin: 0 12px;
+}
+
+.topleft{
+    width: 50%;
+}
+
+.topright{ 
+    width: 50%;
+}
+
+.section1{
+   max-height: 100vh; 
+   color: #711e15;
+}
+
+.section1 h1{
+    color: #37110d;
+    font-size: 2rem;
+}
+
+.main{
+    font-size: 1.3rem;
+}
+
+.logo{
+    width: 289px;
+}
+
+.topright .sample{
+    width: 466px;
+}
+
+.text-center{
+    font-family: Arial, Helvetica, sans-serif;
+}
+.a{
+    font-size: 1.5rem;
+    font-family: Arial, Helvetica, sans-serif;
+}
+
+.box{
+    padding: 8px 0;
+    margin: 12px 22px;
+    min-width: 20vw;
+    border: 2px solid rgb(120, 54, 16);
+    border-radius: 8px;
+    text-align: center;
+}
+
+.box h2{
+    font-size: 2rem;
+    padding: 15px 0;
+}
+
+.highlighted{
+    font-size: 1.2rem;
+    font-weight: bolder;
+}
+
+
+footer{
+    padding: 23px;
+    text-align: center;
+}
+.buttons{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin: 12px;
+}
+
+.para{
+    text-align: center;
+    font-size: large;
+}
diff --git a/utils.css b/utils.css
@@ -0,0 +1,56 @@
+.min-h-screen{
+    min-height: 100vh;
+}
+
+.bg-red{
+    background-color: red;
+}
+
+.mx-auto{
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.flex{
+    display: flex;
+}
+
+.items-center{
+    align-items: center;
+}
+
+.justify-between{
+    justify-content: space-between;
+}
+
+.justify-center{
+    justify-content: center;
+}
+
+.flex-col{
+    flex-direction: column;
+}
+
+.font-bold{
+    font-weight: bolder;
+}
+.text-blue{
+    color: rgb(227 74 56);;
+}
+
+.btn{
+    padding:7px 12px;
+    border: 2px solid white;
+    border-radius: 6px;
+    cursor: pointer;
+    color: white;
+    background-color: rgb(227 74 56);;
+}
+
+.overflow-x-hidden{
+    overflow-x: hidden;
+}
+
+.text-center{
+    text-align: center;
+}