Merge pull request #252 from RahulRudra81/master

Add files via upload
fineanmol · Oct 1, 2021 · 8979127 · 8979127
2 parents 230225d + c4afa75
commit 8979127
Show file tree

Hide file tree

Showing 7 changed files with 147 additions and 0 deletions.
diff --git a/Program's_Contributed_By_Contributors/HTML Designs/Responsive/My first doc.html b/Program's_Contributed_By_Contributors/HTML Designs/Responsive/My first doc.html
@@ -0,0 +1,129 @@
+<!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">
+    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
+    <title>Document</title>
+</head>
+
+<body>
+    <!-- We use header, footer, main, section and nav tags just to make our website more user friendly and easy for seo. -->
+    <header>
+        <h1> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Enim laudantium harum explicabo voluptatibus
+            eligendi. Voluptas quidem quis deserunt nam labore ut, accusamus vel.</h1>
+    </header>
+    <main>
+        <nav>
+            home<br>
+            about <br>
+            contact<br>
+        </nav>
+        <hr>
+        <section>
+            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Asperiores odio dolorem consequuntur at. Deserunt
+            fuga architecto saepe, rem consequuntur cupiditate tenetur nostrum voluptatem enim minima odio eveniet
+            soluta fugiat corrupti ipsum impedit hic eius suscipit veniam aliquam? Dolorem nesciunt totam accusantium,
+            velit vitae dolore ab repellat dicta unde itaque ullam.
+        </section>
+        <br>
+        <hr>
+        <!-- example of absolute link -->
+        <h1><a href="/about.html" target="main">about me</a></h1>
+        <!-- example of relative link -->
+        <h2><a href="www.about.com">about me</a></h2>
+        <hr>
+        <!-- image tag -->
+        <!-- absolute -->
+        <img src="https://images.unsplash.com/photo-1502364069473-6237fca2b87e?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1051&q=80"
+            alt="not found" width="350">
+        <br>
+        <!-- relative -->
+        <img src="jyt.jfif" alt="not found" width="350" height="450">
+        <!-- span is an example of inline element -->
+        <br>
+        <hr>
+        <span>
+            I am span.
+        </span>
+        <!-- div is an example of block element -->
+        <div>
+            I am a div element.
+        </div>
+    </main>
+    <footer>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit accusamus ad sequi magni voluptate et pariatur
+        rem. Totam hic nam voluptate, voluptas ullam fuga, illum nesciunt vitae debitis consectetur esse!
+    </footer>
+    <table>
+        <thead>
+            <tr>
+                <th>S no.</th>
+                <th>Name</th>
+                <th>Class</th>
+                <th>Marks</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr>
+                <td>2</td>
+                <td>Rohit</td>
+                <td>12</td>
+                <td>79</td>
+            </tr>
+            <tr>
+                <td>1</td>
+                <td>Raj</td>
+                <td>12</td>
+                <td>84</td>
+            </tr>
+            <tr>
+                <td>1</td>
+                <td>Ronit</td>
+                <td>12</td>
+                <td>99</td>
+            </tr>
+        </tbody>
+    </table>
+    <br>
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/BsDoLVMnmZs" title="YouTube video player"
+        frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+        allowfullscreen></iframe>
+    <div>
+        <video src="demo.mp4" controls width="800px"><br>
+    </div>
+    <form action="form.php">
+        <h1>Form </h1>
+        <label>
+            Enter your Name<input type="text" placeholder="Enter Yuor name">
+        </label><br>
+        <label for="age">
+            Enter your age
+            <input type="number" placeholder="your age">
+        </label>
+        <br>
+        <label for="gender">
+            <input type="radio" name="gender" id="Male">Male
+            <input type="radio" name="gender" id="Female">Female
+        </label>
+        <br>
+        <label for="food">
+            <input type="checkbox" name="food" id="food">Want food card
+        </label>
+        <br>
+        <label for="Email">
+            Email
+            <input type="email" name="Email" id="Email" placeholder="Enter e mail">
+        </label>
+        <br>
+        <label for="Password">
+            Enter Your Password
+            <input type="Password" name="Password" id="Password" placeholder="Password">
+        </label>
+        <br>
+        <input type="submit">
+    </form>
+</body>
+
+</html>
diff --git a/Program's_Contributed_By_Contributors/HTML Designs/Responsive/about.html b/Program's_Contributed_By_Contributors/HTML Designs/Responsive/about.html
@@ -0,0 +1,12 @@
+<!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>About Me</title>
+</head>
+<body>
+    Lorem ipsum dolor sit, amet consectetur adipisicing elit. At eos voluptatum quae quibusdam eius maxime inventore quisquam, quam eaque reiciendis neque obcaecati praesentium dignissimos laboriosam vel quasi laudantium cupiditate libero reprehenderit maiores est sit perferendis, eligendi odio. Eum reiciendis expedita ab, ex magni dignissimos amet laborum blanditiis dolorum? Error iste sunt reiciendis voluptatum amet sequi autem necessitatibus officiis placeat rem voluptates id veniam minus sed maxime quisquam accusantium, minima tempora. Veniam libero dolores eaque quis culpa cupiditate voluptas porro laboriosam quibusdam, error dolorem reiciendis dolor corporis quaerat explicabo architecto eum ducimus est dolorum repellat nesciunt. Reiciendis nihil rem voluptatum libero error, quae corporis facere possimus illo. Quos reprehenderit at quibusdam dignissimos dolor explicabo facilis ex omnis? Quae odit tempora ex! Tenetur, esse modi deserunt nihil a maxime. Id, veritatis blanditiis ut, minus asperiores vel ullam beatae minima rem itaque, illum temporibus assumenda nam error! Quidem optio commodi molestias doloribus vel cumque placeat voluptate maiores vero nostrum. Quae labore perferendis cupiditate quaerat! Vero voluptatem perferendis autem accusantium modi distinctio, ducimus nisi ab consequuntur delectus adipisci, reiciendis quisquam dolorum recusandae fugiat, tempora cupiditate repudiandae asperiores? Nisi nihil dignissimos, officia esse sed porro nobis saepe eos expedita fuga vero molestias perspiciatis itaque obcaecati dolorem illum quis fugit accusamus soluta, facilis temporibus ipsa adipisci quod. Dolor, quos. Error, repudiandae natus minima accusamus quisquam earum incidunt veritatis facilis quod reiciendis atque velit, fugiat vero omnis sapiente repellat neque! Iusto, officia asperiores saepe accusantium nihil commodi, ea voluptate labore minima pariatur ab reiciendis delectus alias totam? Esse, eius veniam consequuntur ea cum officia accusantium praesentium odio recusandae tempora earum aliquam voluptate dolorum et repellendus, voluptatum dignissimos quos quaerat vel aliquid doloremque quis consequatur voluptates placeat? Maiores expedita eaque, itaque esse in temporibus, harum voluptates adipisci nam pariatur laboriosam obcaecati tempora fugit nobis dolorum autem illo ipsa iste voluptate laudantium unde ut tenetur hic nemo. Quisquam nihil facilis eligendi, necessitatibus consectetur error ipsum eaque incidunt cupiditate fugiat aperiam earum culpa dignissimos harum praesentium esse in! Maxime perspiciatis inventore suscipit veniam neque reiciendis nulla vel quo quos molestiae culpa sunt reprehenderit non vitae natus voluptate rem pariatur hic, voluptatem in? Facere cupiditate expedita excepturi eligendi asperiores ratione maxime, labore, ea, id dolorum ducimus ut voluptatem molestias perferendis velit natus alias fuga quo exercitationem ab. Ipsum fugit beatae ab alias eos aut! Quas officiis eveniet nostrum vel magni excepturi vitae non porro nulla quisquam, omnis earum officia dolore. Porro?
+</body>
+</html>
diff --git a/Program's_Contributed_By_Contributors/HTML Designs/Responsive/about.txt b/Program's_Contributed_By_Contributors/HTML Designs/Responsive/about.txt
@@ -0,0 +1,6 @@
+This favicon was generated using the following font:
+
+- Font Title: Gabriela
+- Font Author: Copyright 2013 The Gabriela Project Authors ([email protected]), with Reserved Font Name "Gabriela".
+- Font Source: http://fonts.gstatic.com/s/gabriela/v9/qkBWXvsO6sreR8E-b_m-zrpHmRzC.ttf
+- Font License: SIL Open Font License, 1.1 (http://scripts.sil.org/OFL))
diff --git a/Program's_Contributed_By_Contributors/HTML Designs/Responsive/fav.png b/Program's_Contributed_By_Contributors/HTML Designs/Responsive/fav.png
diff --git a/Program's_Contributed_By_Contributors/HTML Designs/Responsive/favicon.ico b/Program's_Contributed_By_Contributors/HTML Designs/Responsive/favicon.ico
diff --git a/Program's_Contributed_By_Contributors/HTML Designs/Responsive/favicon.zip b/Program's_Contributed_By_Contributors/HTML Designs/Responsive/favicon.zip
diff --git a/Program's_Contributed_By_Contributors/HTML Designs/Responsive/jyt.jfif b/Program's_Contributed_By_Contributors/HTML Designs/Responsive/jyt.jfif