Stackly-Batch-17/index.html at main · Akash-Bharathi/Stackly-Batch-17 · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>html</title>
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <!-- <h1>Heading</h1>
    <h2>Heading</h2>
    <h3>Heading</h3>
    <h4>Heading</h4>
    <h5>Heading</h5>
    <h6>Heading</h6>
    <p>Lorem ipsum, dolor sit amet <strong>consectetur</strong> adipisicing elit. <br> Vero libero asperiores sequi <u>architecto</u> facere quae qui <i>laudantium</i> eligendi commodi blanditiis <sup>consequatur</sup> deleniti voluptatibus, <mark>necessitatibus</mark>, nisi debitis! Magnam sed cupiditate molestiae nemo et, veniam soluta odio eum voluptas error? <br> Sed, modi animi id, maiores molestias nobis hic officiis, facilis consequuntur corporis reiciendis quam sapiente. Asperiores soluta dolorum sunt possimus exercitationem. Consectetur, quisquam eligendi necessitatibus hic expedita maxime quidem. Veritatis debitis quam soluta tempore blanditiis, pariatur rerum adipisci quos vel aliquam eum, nulla nobis necessitatibus commodi asperiores eius ullam. Ipsum perferendis fugit sunt perspiciatis. Maiores provident, dolore fugit ipsa impedit expedita sapiente.</p> <hr>

    <a href="https://www.youtube.com/">YouTube</a>
    <a href="https://www.youtube.com/" target="_blank">YouTube2</a>

    <img src="https://wallpaatured/batman-jwwt4ganu79qj9sz.jpg" alt="Batman">
    <img src="./Assetsspiderman.jpg" width="500px" alt="Spider">

    <table>
        <tr>
            <th>Name</th>
            <th>Age</th>
            <th>Location</th>
        </tr>
        <tr>
            <td>ravi</td>
            <td>22</td>
            <td>TN</td>
        </tr>
        <tr>
            <td>ram</td>
            <td>23</td>
            <td>AP</td>
        </tr>
        <tr>
            <td>Kavi</td>
            <td>30</td>
            <td>KA</td>
        </tr>
    </table>

    <ul>
        <li>RAM</li>
        <li>RAVI</li>
        <li>KAVI</li>
        <li>PRAVI</li>
    </ul>
    <ol>
        <li>RAM</li>
        <li>RAVI</li>
        <li>KAVI</li>
        <li>PRAVI</li>
    </ol>

    <form action="Submit">
        <label for="">Name:</label>
        <input type="text" name="userName" placeholder="Enter Your Name" required> <br>

        <label for="">Email:</label>
        <input type="email" name="userEmail" placeholder="Enter Your Email" required> <br>

        <label for="">Password:</label>
        <input type="password" name="userPassword" placeholder="Enter Your password" required> <br>

        <input type="radio" name="gender"> Male
        <input type="radio" name="gender"> Female <br>

        <input type="checkbox" name="lang"> HTML
        <input type="checkbox" name="lang"> CSS
        <input type="checkbox" name="lang"> Js
        <input type="checkbox" name="lang"> React <br>

        <input type="date" name="eventdate"> <br>
        <input type="time" name="eventTime"> <br>

        <select name="" id="">
            <option value="">Enter your Location</option>
            <option value="">US</option>
            <option value="">IND</option>
            <option value="">UK</option>
        </select> <br>

        <textarea rows="3" cols="30" placeholder="Enter Your Feedback"></textarea> <br>

        <input type="color" name="paint"> <br>

        <input type="file" name="Upload"> <br>

        <button type="submit">SEND</button>
        <button type="reset">RESTART</button>
    </form>

    <audio src="./Assets/WhatsApp Audio 2026-01-14 at 12.45.05 PM.mpeg" controls></audio> <br>
    <video src="./Assets/WhatsApp Video 2026-01-14 at 12.44.46 PM.mp4" controls></video>

    <Header>
        <img src="" alt="">
        <nav>
            <a href="">Home</a>
            <a href="">About</a>
            <a href="">feature listing</a>
            <a href="">contact us</a>
        </nav>
    </Header>

    <section>
        center part of the website
    </section>

    <footer>
        Privacy
        contact
    </footer>

    <style>
        h1{
            color: blue;
        }
    </style>

    <h1>Cascading Style Sheet</h1>
    <h2>CSS</h2>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus sapiente exercitationem reprehenderit aut deserunt, iste ipsam? Iusto, explicabo. Voluptate recusandae, labore consectetur culpa fuga necessitatibus mollitia accusantium ad quo pariatur.</p>

    <div class="Selector">
        <h1>Class selector</h1>
    </div>

    <div class="Selector"></div>
    <div class="Selector"></div>
    <div id="Selector2">
        <h2>Id Selector</h2>
    </div>
    <div id="Selector4"></div>


    <div class="language">
        <h1>HTML</h1>
        <h2>CSS</h2>
        <h3>JavaScript</h3>
    </div>

    <p class="Spider">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla esse labore voluptatem ipsam voluptas ut cum obcaecati quibusdam distinctio commodi. Sit quidem delectus, quod voluptates earum hic aliquam vel soluta atque natus. Fuga voluptates architecto natus dolore deleniti necessitatibus, mollitia eum aut facere ipsam, ducimus, minus illum nostrum adipisci culpa cum distinctio! Iure officia, eaque a architecto ducimus id est tempora ex quo, modi, explicabo iste quia culpa accusamus vel odit. Iusto pariatur sapiente placeat aspernatur dicta nemo. Doloribus iste et dignissimos laborum facilis accusamus cum quas praesentium? Tenetur aperiam architecto, sint incidunt voluptas natus expedita eos eius distinctio repudiandae nulla explicabo mollitia neque esse. Nobis recusandae aperiam a laudantium omnis eligendi ipsam ratione blanditiis, quis unde numquam dolor ea distinctio quia adipisci molestias quos excepturi. Deleniti itaque saepe expedita obcaecati? Quod illo cum voluptatum provident non, quae iusto rem, odit cupiditate hic autem alias? Molestias doloremque, commodi tenetur amet ducimus facilis vitae fugiat libero totam nulla quis ex magni quasi. Id voluptas beatae dolore ratione, minus vero. Est necessitatibus enim pariatur voluptates sequi eligendi magnam, quae molestias numquam accusantium veniam tenetur deleniti sunt quod fugit iure exercitationem minus recusandae amet voluptatem modi. Fugiat a necessitatibus numquam aspernatur vel, laudantium cumque saepe maiores rerum at voluptatem molestiae ratione temporibus ducimus molestias tempora eum delectus? Vel alias quibusdam dolores corrupti consectetur totam quia molestiae maxime commodi quod? Minima qui cumque quidem ab dolor corporis labore commodi vero iusto fugit aspernatur quaerat distinctio cum assumenda pariatur numquam voluptates, nostrum aliquid animi, consectetur fugiat officia natus obcaecati itaque! A vel perspiciatis sunt, quis voluptatibus veniam assumenda laboriosam harum tempore. Aliquam perspiciatis atque dolorum porro, optio illum assumenda praesentium obcaecati. Veniam corporis non, et saepe voluptate repellat! Amet aut nihil culpa placeat minima similique doloribus quod. At iure libero voluptas, adipisci perspiciatis incidunt eos voluptatem. Quia laborum aperiam quidem illum, sunt impedit vitae corrupti odio, animi iure cum inventore voluptatum amet quam labore quas. Dolore repudiandae unde molestias, sint doloremque amet animi atque perferendis fuga explicabo tenetur incidunt voluptates, sunt temporibus tempore repellat qui. Mollitia fugit praesentium ratione quibusdam quia quo porro eveniet nemo et facilis? Neque sequi veniam molestias fugit aut voluptates nemo pariatur, odit maiores totam! Quibusdam voluptatem adipisci tenetur debitis ducimus maxime saepe praesentium odio, nisi consequuntur sit neque nemo ipsa quas velit consequatur aspernatur, et cum corrupti rerum quis, ex dolorem! Illo exercitationem incidunt quae, sed quas autem nemo, nulla minus accusamus tempora magnam deleniti vero doloribus, aliquid reiciendis quam! Accusamus consequatur beatae asperiores eligendi error quisquam hic fugit quis! Sit iure nobis optio nostrum dignissimos animi ex dolorum asperiores, amet numquam id eius ad accusantium cumque? Accusamus aspernatur repudiandae ipsam eos iusto modi aliquam rerum temporibus, porro animi eveniet vitae cumque? Exercitationem consequatur totam nesciunt, ipsum ea illum unde facilis consequuntur animi, repellat maxime nostrum culpa commodi. Facere dicta repellat molestias enim magnam. Placeat, nobis delectus a aspernatur minima modi facere possimus, incidunt alias, vitae illo. Minima ipsa recusandae perferendis? Eum, magnam laboriosam at nobis iste, alias nulla maxime doloremque odio eius sequi, sunt voluptatum. Facere commodi impedit id, maxime rem excepturi, maiores temporibus doloribus praesentium aspernatur cupiditate, debitis qui illo modi labore nemo animi atque eius a nesciunt vel. Nesciunt voluptatibus molestias iusto cupiditate asperiores architecto facilis beatae assumenda veniam commodi. Laudantium soluta deleniti blanditiis cumque voluptatem a quia, corrupti nobis repellat ducimus ipsa corporis quaerat, dolore quam dolores impedit laborum! Est dolorem in culpa! Dolorum mollitia facere doloremque obcaecati, quis quidem fuga, quo debitis ullam, maiores nulla molestiae nihil aut nam harum officia exercitationem optio cum modi praesentium est quia rem? Asperiores aperiam recusandae voluptatibus aspernatur amet dolorem similique aliquid quibusdam aliquam eius minus ipsa deleniti, necessitatibus laborum nostrum. Repudiandae fugit voluptas dolore inventore, facilis autem doloremque adipisci sequi magnam consequatur minus animi aspernatur accusantium dignissimos eius consequuntur assumenda asperiores aut quo ipsa? Mollitia voluptatum doloribus facilis, quibusdam beatae voluptates? Quia eum exercitationem dolore magnam earum vel deleniti, ad, libero omnis, ducimus atque fuga illo ipsam alias quos tempore ex! Unde necessitatibus tenetur, consectetur magni non aperiam facilis ex distinctio expedita repellendus. Labore quidem cupiditate fuga modi odit optio iure, sit, dicta officia dolorum reprehenderit quae accusantium impedit! Necessitatibus, modi aliquid? Explicabo expedita inventore rem unde reiciendis vitae ea dolores minima non, voluptates laborum quas delectus. Quas accusantium aperiam deserunt aliquid explicabo facere quo obcaecati sint distinctio magnam doloribus iusto animi, at nulla tenetur amet odio. Sapiente excepturi vel rerum nemo animi soluta, distinctio placeat! Neque inventore officiis ratione itaque esse eius ad quibusdam molestiae repellat libero eligendi, ut, dolore reiciendis laudantium nesciunt ipsa assumenda, voluptas illo temporibus dolor nobis nemo quo consequuntur aspernatur! Repudiandae, eaque et amet iusto, veniam dolores autem a dolor perferendis sunt temporibus necessitatibus maiores libero, non tempore earum quos quae culpa? Numquam repudiandae dolorum expedita ipsum voluptates accusantium ut? Repellendus numquam aliquam qui cumque et magni quam minus! Repellendus quasi non, repudiandae ab, doloremque quaerat facere exercitationem nam quas et corporis expedita vero eaque ratione nemo libero neque maxime nihil reiciendis nisi? Nobis dolorem sit ex. Optio, necessitatibus modi? Nemo harum animi impedit dolorum consequatur expedita, culpa temporibus! Aliquid aut voluptatem temporibus facere ducimus natus repellendus recusandae nihil commodi deleniti quae consequuntur praesentium libero, cupiditate architecto atque. Rerum culpa accusamus architecto modi repellat obcaecati enim dicta? Non, dicta! A ipsa libero, sunt tempore consequatur itaque nemo nam amet autem velit cumque doloremque suscipit eligendi praesentium fuga, ut, rerum numquam sapiente voluptatum doloribus eius. Laudantium pariatur accusamus aut nostrum soluta ipsum ex! Iure, unde est, repellendus suscipit aliquid tempore saepe corrupti adipisci modi nisi recusandae itaque voluptatum veniam voluptates quos voluptate ducimus hic? Eveniet perferendis corporis cumque commodi, corrupti alias? Eos aperiam doloribus dolore enim qui sequi ex adipisci corrupti voluptates numquam explicabo iste iure impedit quis odit nesciunt rem ducimus praesentium fugiat, distinctio commodi suscipit. A id exercitationem corporis ea? Accusamus placeat optio deleniti in eius! Molestias ex, suscipit corrupti tenetur delectus qui iure sit, impedit soluta commodi saepe adipisci harum perspiciatis nisi quasi recusandae! In facilis sed ullam necessitatibus. Totam, vero?</p>

    <div class="boxModeling">
        BOX
    </div> -->

    <div class="container">
        <div class="box1">1</div>
        <div class="box2">2</div>
        <div class="box3">3</div>
        <!-- <div class="box4">4</div>
        <div class="box5">5</div>
        <div class="box6">6</div>
        <div class="box7">7</div>
        <div class="box8">8</div>
        <div class="box9">9</div>
        <div class="box10">10</div> -->
    </div>
</body>
</html>