added file

Ayush-may · Jul 29, 2023 · 92ec99f · 92ec99f
1 parent 263f73f
commit 92ec99f
Show file tree

Hide file tree

Showing 104 changed files with 2,674 additions and 0 deletions.
diff --git a/1/index.html b/1/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="style.css" rel="stylesheet" type="text/css"/>
+    <title>Document</title>
+</head>
+<body >
+    <div class="center">
+        <h1>Enter your Phone Number</h1>
+        <hr>
+        <b>Enter Number (+91)  :</b>    <input type="number" value="9386982025" name="Telephone Number" /> <br>
+        <input type="submit" style="margin-top: 10px;" onclick="clicked(event)" />
+        <script>
+            function clicked(e){
+                if(confirm('Successfully uploaded')) {
+                    e.preventDefault();
+                }
+            }
+        </script>
+    </div>
+</body>
+</html>
diff --git a/1/q.mp3 b/1/q.mp3
diff --git a/1/style.css b/1/style.css
@@ -0,0 +1,13 @@
+.center{
+    text-align: center;
+    width: auto;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    padding: 10px;
+    transform: translate(-50%,-50%);
+    /* border-style: solid ; */
+    /* border-radius: 20px;   */
+    border: 3px solid black;
+
+}
diff --git a/10/index.html b/10/index.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="style.css" type="text/css">
+    <title>Nav Bar</title>
+</head>
+<body>
+    <nav>
+        <ul>
+            <li><a href="#">Home</a></li>
+            <li><a href="#">About</a></li>
+            <li><a href="#">Contact</a></li>
+            <li><a href="#">More</a></li>
+        </ul>
+    </nav>
+</body>
+</html>
diff --git a/10/style.css b/10/style.css
@@ -0,0 +1,33 @@
+body{
+    margin: 0;
+    padding: 0;
+    height: 1000px;
+}
+nav{
+    width: 100%;
+    position: fixed;
+}
+ul{
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    height: 40px;
+    background-color: black;
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 13px;
+    line-height: 40px;
+}
+li{
+    float: left;
+    border-right: 1px solid white;
+}
+a{
+    display: block;
+    padding: 0 20px;
+    color: white;
+    text-decoration: none;
+
+}
+a:hover{
+    background-color: red;
+}
diff --git a/11/index.html b/11/index.html
@@ -0,0 +1,31 @@
+lor<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="style.css" type="text/css">
+    <title>Login Page with nav</title>
+</head>
+<body>
+    <div class="wrappe">
+        <div class="free-space"></div>
+      <p id="ayush-txt">Ayush.com</p>
+      <div class="navigation">
+        <nav>
+            <ul>
+                <li><a href="#">Home</a></li>
+                <li><a href="#">About Us</a></li>
+                <li><a href="#">Services</a></li>
+                <li><a href="#">Portfolio</a></li>
+                <li><a href="#">Contact</a></li>
+            </ul>
+        </nav>
+      </div>  
+      <div class="lower-body">
+        <div class="navbar-txt"><p><b>Navbar Practice</b></p></div>
+        <p><b>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Temporibus incidunt inventore dignissimos autem sint molestiae ipsa asperiores, unde ea aliquam corrupti eius repellat tenetur perferendis id veritatis voluptatum fuga neque?</b></p>
+        <button id="btn"><b>Learn More</b></button>
+      </div>
+    </div>
+</body>
+</html>
diff --git a/11/style.css b/11/style.css
@@ -0,0 +1,67 @@
+body{
+    background-color: #7A9D54;   
+    margin: 0;
+    padding: 0;
+}
+#ayush-txt{
+    text-align: left;
+    margin: 0;
+    padding: 0;
+    margin: 0 80px;
+    margin-top: 10px;
+    font-size: 30px;
+    float: left;
+    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+}
+p{
+    color: #F2EE9D;
+    text-align: center;
+    cursor:default;
+}
+nav{
+    position: absolute;
+    right: 5%;
+}
+#btn{
+    width: 100px;
+    height:30px;
+    display: block;
+    margin: 0 auto;
+    color: white;
+    border: 0px;
+    background-color: #D5E534;
+    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+    font-size: 13px;
+    cursor: pointer;
+}
+a{
+    text-decoration: none;
+    color: #F2EE9D;
+    font-family:Arial, Helvetica, sans-serif;
+}
+ul{
+    margin: 0;
+    padding: 0;
+    height: 30px;
+    list-style: none;
+    display: flex;
+}
+li{
+    margin: 0 10px;
+    margin-top: 10px;
+    line-height: 40px;
+}
+.lower-body{
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+    position: absolute;
+}
+.navigation{
+    margin-top: 5px;
+}
+.navbar-txt{
+    margin: -3%;
+    font-size: 50px;   
+    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+}
diff --git a/12/index.html b/12/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="style.css" type="text/css">
+    <title>Document</title>
+</head>
+<body>
+    <div class="wrapper">
+        <header>
+            <p class="logo"><b>Logo</b></p>
+            <nav>
+                <ul class="nav-link">
+                    <li><a href="#">Home</a></li>
+                    <li><a href="#">About</a></li>
+                    <li><a href="#">Service</a></li>
+                </ul>
+            </nav>
+            <a href="#"><button>Contact</button></a>
+        </header>
+    </div>
+</body>
+</html>
diff --git a/12/style.css b/12/style.css
@@ -0,0 +1,58 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
+
+*{
+    box-sizing: border-box;
+    padding:0;
+    margin: 0;
+    background-color: #24252A;
+}
+
+li, a, button ,p{
+    font-family: 'Montserrat', sans-serif;
+    font-weight: 500;
+    font-size: 16px;
+    color: #edf0f1;
+    list-style: none;
+    text-decoration: none;
+}
+
+header{
+    display: flex;
+    justify-content:space-between;
+    align-items: center;
+    padding: 30px 10%;
+}
+
+.logo{
+    cursor: pointer;
+}
+
+.nav-link li{
+    display: inline-block;
+    padding: 0px 20px;
+}
+
+.nav-link li a{
+    transition: all .3s ease 0s;
+}
+
+.nav-link li a:hover{
+    color: #0088a9;
+}
+
+button{
+    padding: 9px 25px;
+    background-color: rgba(0, 136, 169, 1);
+    border: none;
+    border-radius: 50px;
+    cursor: pointer;
+    transition: all .3s ease 0s;
+}
+
+button:hover{
+    background-color: rgba(0, 136, 169, 0.8);
+}
+
+p{
+    font-size: 30px;
+}
diff --git a/13/index.html b/13/index.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Nav Practice</title>
+    <link rel="stylesheet" href="style.css" type="text/css">
+</head>
+<body>
+    <div class="wrapper">
+        <header>
+            <p class="name"><b>Ayush Sharma</b></p>
+            <nav class="nav-link">
+                <ul>
+                    <li><a href="#">Home</a></li>
+                    <li><a href="#">Service</a></li>
+                    <li><a href="#">About</a></li>
+                    <li><a href="#">Certificate</a></li>
+                </ul>
+            </nav>
+            <a href="#"><button>Get lost</button></a>
+        </header>
+
+        <div class="sample">
+            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit tempore quas, ducimus quia in esse velit veritatis mollitia assumenda quasi adipisci consequatur, iure, dolorum voluptatum libero cupiditate dolore dolor debitis.</p>
+            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit tempore quas, ducimus quia in esse velit veritatis mollitia assumenda quasi adipisci consequatur, iure, dolorum voluptatum libero cupiditate dolore dolor debitis.</p>
+            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit tempore quas, ducimus quia in esse velit veritatis mollitia assumenda quasi adipisci consequatur, iure, dolorum voluptatum libero cupiditate dolore dolor debitis.</p>
+            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit tempore quas, ducimus quia in esse velit veritatis mollitia assumenda quasi adipisci consequatur, iure, dolorum voluptatum libero cupiditate dolore dolor debitis.</p>
+            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit tempore quas, ducimus quia in esse velit veritatis mollitia assumenda quasi adipisci consequatur, iure, dolorum voluptatum libero cupiditate dolore dolor debitis.</p>
+            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit tempore quas, ducimus quia in esse velit veritatis mollitia assumenda quasi adipisci consequatur, iure, dolorum voluptatum libero cupiditate dolore dolor debitis.</p>
+            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit tempore quas, ducimus quia in esse velit veritatis mollitia assumenda quasi adipisci consequatur, iure, dolorum voluptatum libero cupiditate dolore dolor debitis.</p>
+            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit tempore quas, ducimus quia in esse velit veritatis mollitia assumenda quasi adipisci consequatur, iure, dolorum voluptatum libero cupiditate dolore dolor debitis.</p>
+        </div>
+
+    </div>
+</body>
+</html>