Add files via upload

It is a study abroad landing page. level 1 task 2
Aadrika14 · Nov 17, 2023 · 386a485 · 386a485
commit 386a485
Show file tree

Hide file tree

Showing 19 changed files with 539 additions and 0 deletions.
diff --git a/about.css b/about.css
@@ -0,0 +1,48 @@
+*{
+    margin:0;
+    padding:0;
+}
+body{
+    font-family: 'DM Sans', sans-serif;
+    background: url(aboutbg.jpg);
+    background-size: cover;
+    height:100vh;
+}
+.header h1{
+    position:absolute;
+    left:60%;
+    top:8%;
+    text-decoration: underline;
+    color:rgb(9, 7, 10);
+}
+.header h3{
+    position: absolute;
+    left:45%;
+    top:20%;
+    text-align: center;
+    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+    margin-right:10px;
+    line-height: 30px;
+    color:brown
+}
+.header h4{
+    position: absolute;
+    left:62%;
+    top:42%;
+    text-align: center;
+    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+    margin-right:10px;
+    color:black;
+}
+.header button{
+    border-radius: 50px;
+    position: absolute;
+    top:47%;
+    height:45px;
+    width:110px;
+    left:64%;
+    background-color: palevioletred;
+}
+.header button:hover{
+    background-color:rgb(216, 146, 170);
+}
diff --git a/aboutbg.jpg b/aboutbg.jpg
diff --git a/aboutus.html b/aboutus.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>aboutus</title>
+    <link rel="stylesheet" href="about.css">
+    <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=DM+Sans:ital,opsz,wght@0,9..40,400;1,9..40,300;1,9..40,400;1,9..40,600&family=IBM+Plex+Sans:ital@0;1&family=Lato:wght@400;700&family=Montserrat:ital,wght@0,300;0,400;0,500;0,700;1,600&family=Nunito:ital,wght@0,400;0,600;1,400&family=Playfair+Display:ital,wght@0,600;1,400&family=Poppins:ital,wght@0,400;0,700;1,500&family=Roboto+Condensed:ital,wght@0,300;0,400;1,400&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
+    <link
+          rel="stylesheet"
+          href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
+        />
+</head>
+<body>
+    <div class="header">
+       <h1><i>About Us!</i></h1>
+       <h3>Our company has been known for almost 10 years for our purpose of doing admission in various foreign universities. If you want to do master's in US, UK or in any othher place in the world , you can contact us make make your dreams come true!</h3>
+       <h4><i>Meet our students  </i><i class="fa-solid fa-hand-point-down"></i></h4>
+       <button>Click Here!</button>
+    </div>
+    <div class="footer"></div>
+</body>
+</html>
diff --git a/background-removebg-preview.png b/background-removebg-preview.png
diff --git a/background.jpg b/background.jpg
diff --git a/contact.avif b/contact.avif
diff --git a/contactts.html b/contactts.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="cunt.css">
+</head>
+<body>
+    <div class="all">
+        <h1 style="position: relative;left:10%;text-decoration: underline;">Fill Your Details Here!</h1>
+      <form action="#" style="position: relative;left:7%;top:10%;">
+        <label for="Name" class="lab">Name</label>
+        <input type="text" placeholder="Enter you name" class="one" id="Name">
+        <label for="pass" class="lab">Password</label>
+        <input type="password" placeholder="Enter you password" class="one" id="pass">
+        <br>
+        <label for="add" class="lab">Address</label>
+        <input type="text" placeholder="Enter you address" class="one" id="add">
+        <br>
+        <label for="state" class="lab">State</label>
+        <select name="state" id="state" class="one">
+            <option value="Uttar Pradesh">State</option>
+            <option value="Karnataka">Karnataka</option>
+            <option value="Maharashta">Maharashtra</option>
+            <option value="Rajasthan">Rajasthan</option>
+            <option value="Uttar Pradesh">Uttar Pradesh</option>
+            <option value="Kerela">Kerela</option>
+        </select>
+        <br>
+        <label for="degree" class="lab">Degree</label>
+        <input type="text" placeholder="Enter you Degree" id="degree" class="one">
+        <br>
+        <button class="one">Submit</button>
+    </form>
+    </div>
+</body>
+</html>
diff --git a/count.css b/count.css
@@ -0,0 +1,64 @@
+*{
+    margin:0;
+    padding:0;
+}
+body{
+    font-family: 'DM Sans', sans-serif;
+    background: url(countbg.jpg);
+    background-size: cover;
+    height:100vh;
+}
+.all{
+    display: grid;
+}
+.all h1{
+    position: absolute;
+    left:48%;
+    color:white;
+    top:5%;
+}
+.flex1{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    position: relative;
+
+    top:25%;
+}
+
+.us1, .us2,.us3, .us4, .us5, .us6{
+    width:400px;
+    height:250px;
+    background-color: pink;
+    margin:20px;
+    padding:10px;
+    border:2px solid black;
+    border-radius: 50px;
+}
+.flex2{
+    display: flex;
+}
+.one{
+    position: relative;
+    left:10%;
+    top:2%;
+    text-decoration: underline;
+    color:darkslategray;
+}
+.two{
+    position: relative;
+    left:8%;
+    text-decoration: underline;
+    top:13%;
+}
+.three{
+    position: relative;
+    left:8%;
+    top:22%;
+    font-size: 20px;
+    font-weight: 100;
+}
+.us1:hover, .us2:hover,.us3:hover, .us4:hover, .us5:hover, .us6:hover{
+    background-color:rgb(199, 126, 138);
+    transition: all 0.3s linear;
+}
diff --git a/countbg.jpg b/countbg.jpg
diff --git a/countries.html b/countries.html
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>countries</title>
+    <link rel="stylesheet" href="count.css">
+    <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=DM+Sans:ital,opsz,wght@0,9..40,400;1,9..40,300;1,9..40,400;1,9..40,600&family=IBM+Plex+Sans:ital@0;1&family=Lato:wght@400;700&family=Montserrat:ital,wght@0,300;0,400;0,500;0,700;1,600&family=Nunito:ital,wght@0,400;0,600;1,400&family=Playfair+Display:ital,wght@0,600;1,400&family=Poppins:ital,wght@0,400;0,700;1,500&family=Roboto+Condensed:ital,wght@0,300;0,400;1,400&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
+    <link
+          rel="stylesheet"
+          href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
+        />
+</head>
+<body>
+    <div class="all">
+        <div class="mainh1">
+            <h1 style="text-decoration: underline; ">COUNTRIES</h1>
+        </div>
+        <div class="flex1">
+            <div class="us1">
+            <h2 class="one">UNITED STATES</h2>
+            <h3 class="two">TOP UNIVERSITIES</h3>
+            <ul class="three">
+                <li>University of Southern California</li>
+                <li>Harvard University</li>
+                <li>Stanford University</li>
+                <li>University of Notre Dame...</li>
+            </ul>
+            </div>
+        <div class="us2">
+            <h2 class="one">UNITED KINGDOM</h2>
+            <h3 class="two">TOP UNIVERSITIES</h3>
+            <ul class="three">
+                <li>University of Southern California</li>
+                <li>Harvard University</li>
+                <li>Stanford University</li>
+                <li>University of Notre Dame...</li>
+            </ul>
+        </div>
+        <div class="us3">
+            <h2 class="one">GEORGIA</h2>
+            <h3 class="two">TOP UNIVERSITIES</h3>
+            <ul class="three">
+                <li>University of Southern California</li>
+                <li>Harvard University</li>
+                <li>Stanford University</li>
+                <li>University of Notre Dame...</li>
+            </ul>
+        </div>
+        </div>
+        <div class="flex1">
+            <div class="us4">
+                <h2 class="one">LISBON</h2>
+                <h3 class="two">TOP UNIVERSITIES</h3>
+                <ul class="three">
+                    <li>University of Southern California</li>
+                    <li>Harvard University</li>
+                    <li>Stanford University</li>
+                    <li>University of Notre Dame...</li>
+                </ul>
+            </div>
+            <div class="us5">
+                <h2 class="one">SWEDEN</h2>
+                <h3 class="two">TOP UNIVERSITIES</h3>
+                <ul class="three">
+                    <li>University of Southern California</li>
+                    <li>Harvard University</li>
+                    <li>Stanford University</li>
+                    <li>University of Notre Dame...</li>
+                </ul>
+            </div>
+            <div class="us6">
+                <h2 class="one">GERMANY</h2>
+                <h3 class="two">TOP UNIVERSITIES</h3>
+                <ul class="three">
+                    <li>University of Southern California</li>
+                    <li>Harvard University</li>
+                    <li>Stanford University</li>
+                    <li>University of Notre Dame...</li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/cunt.css b/cunt.css
@@ -0,0 +1,28 @@
+body{
+    font-family: 'DM Sans', sans-serif;
+    background: url(contact.avif);
+    height:100vh;
+    background-size: cover;
+}
+.all{
+    background-color:rgb(157, 218, 157);
+    width:600px;
+    height:500px;
+    margin:20px;
+    padding:10px;
+    border:2px solid black;
+}
+.one{
+    margin:10px;
+    padding:2px;
+
+}
+.lab{
+    font-weight: 200;
+    font-size: 30p2;
+}
+button{
+    background-color: rgb(79, 79, 221);
+    color:white;
+    border-radius: 10px;
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Landing Page</title>
+    <link rel="stylesheet" href="style.css">
+    <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=DM+Sans:ital,opsz,wght@0,9..40,400;1,9..40,300;1,9..40,400;1,9..40,600&family=IBM+Plex+Sans:ital@0;1&family=Lato:wght@400;700&family=Montserrat:ital,wght@0,300;0,400;0,500;0,700;1,600&family=Nunito:ital,wght@0,400;0,600;1,400&family=Playfair+Display:ital,wght@0,600;1,400&family=Poppins:ital,wght@0,400;0,700;1,500&family=Roboto+Condensed:ital,wght@0,300;0,400;1,400&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
+<link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
+    />
+ </head>
+<body>
+        <div class="navbar">
+            <div class="elements-nav1">
+                <i class="fa-solid fa-graduation-cap"></i>
+                <h3 class="heading">Study Abroad</h3>
+            </div>
+            <div class="elements-nav2">
+                <a href="aboutus.html">About Us</a>
+                <a href="countries.html">Countries</a>
+                <a href="requirements.html">Requirements</a>
+                <a href="contactts.html">Contact</a>
+            </div>
+        </div>
+        <div class="body-bar">
+            <div class="flex">
+                <div class="text-flex">
+                    <h2><i>"If you have the dreams to FLY <i class="fa-solid fa-plane-departure" style="color:blue"></i> , We'll give you the wings!"</i></h2>
+                <h3 class="head2">Study M.Tech, MS, MBA and many other courses in Top Universities of US, UK, Singapore and many other Top Countries of the world  <i class="fa-solid fa-globe" style="color:black"></i></h3>
+            <div class="btn">
+                <button class="but">Read More!</button>   
+            </div>
+            <div class="images">
+                <img src="uk.jpg" id="usa">
+                <img src="us.jpeg" id="usa">
+                <img src="swede.jpeg" id="usa">
+            </div>
+            </div>
+                <div class="img-flex">
+                    <img src="background-removebg-preview.png" class="imgf">
+                </div>
+                <div class="media-flex">
+                    <a href="#"><i class="fa-brands fa-facebook"></i></i></a>
+                    <a href="#"><i class="fa-brands fa-twitter"></i></a>
+                    <a href="#"><i class="fa-brands fa-instagram"></i></i></a>
+                    <a href="#"><i class="fa-brands fa-youtube"></i></a>        
+                </div>
+            </div>
+        </div>
+        <div class="footerbar">
+            <div class="form-div">
+                <a href="#"><b>Email us at : <span>aadrikasrivastava1@gmail.com</span></b></a>
+            </div>
+        </div>
+</body>
+</html>
diff --git a/req.css b/req.css
@@ -0,0 +1,18 @@
+
+body{
+    font-family: 'DM Sans', sans-serif;
+    background: url(requre.jpg);
+    height:100vh;
+    background-size: cover;
+}
+.all{
+    position: absolute;
+    top:10%;
+    left:5%;
+    font-size:25px;
+    font-weight:100;
+    line-height: 50px;
+    background-color: antiquewhite;
+    border:2px solid black;
+    height:400px;
+}