-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcss position6.html
52 lines (47 loc) · 14.1 KB
/
css position6.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>css position 6</title>
<style>
.item{padding-top: 5px;padding-bottom: 15px;margin-left: 5px;padding-left: 5px;background-color: rgb(78, 74, 74);border: solid rgb(27, 27, 27);width: 15%;}
img{width: 16%;}
body{background-color: rgb(41, 39, 39);}
#j{height: 90px;}
.mm{width: 70%;height: 700px;float: right;padding-right: 40px; margin-top: 0%;}
h1{text-align: center;color: rgb(56, 45, 206);}
p{color: #faebd7;}
#bb{width: 434px;padding-left: 20%;}
a:hover{color: #faebd7;font-size: xx-large;}
a{text-decoration: none;color: black;}
.cc{float: right;position: sticky;
bottom: 20px;width: 100px;height: 100px;border-radius: 40px;}
</style>
</head>
<body>
<nav>
<div class="mm"><h1 class="hh">PW Skills</h1>
<p>What is PW skill?
PW Skills currently offers hybrid courses in data science, Java, C++, full-stack web development, and other tech courses at disruptive pricing for Rs 3,500 onwards. The company is looking to explore blockchain, cybersecurity, and AR/VR-focused courses to strengthen India's talent . Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum sapiente autem provident mollitia? Expedita fugiat in doloremque eaque suscipit! Ex eum molestias nemo itaque Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam odio accusamus ratione, incidunt similique numquam quos deserunt fugiat, vel nostrum deleniti facilis. Ea, inventore quaerat numquam repellendus modi voluptates architecto sapiente esse reiciendis error distinctio iste deleniti sed nobis fugit veritatis asperiores laboriosam quo in fuga eligendi sunt fugiat similique vitae. Non atque repellat assumenda! Commodi culpa eveniet cum reprehenderit eum quidem nesciunt officiis minima non dicta placeat dignissimos, illum excepturi quibusdam labore eaque similique. Nesciunt dignissimos natus error consectetur, ea perferendis a magnam similique consequuntur tenetur aspernatur facilis aut? Cum odio nesciunt unde eum beatae animi, aliquam dolore rerum, reiciendis expedita sunt fugiat reprehenderit in ducimus atque aliquid tenetur, veritatis eveniet amet labore fugit asperiores impedit! Neque minus alias delectus dolorem, cupiditate sed praesentium similique aliquid natus adipisci expedita, incidunt, optio obcaecati perspiciatis architecto aspernatur. Totam molestias assumenda atque quaerat, neque vel mollitia. Officia, ab ut rem est facilis nisi quae ducimus explicabo suscipit sequi nam accusamus. Ipsum dicta, velit fuga ad hic esse facere totam. Ex ullam aperiam dolorem est neque possimus nulla, sunt quod dignissimos corporis iste similique. Vero illo, laudantium quisquam nesciunt ipsum similique nulla atque quidem officia quibusdam iste cumque dolor consequatur sapiente alias iusto.</p>
<img id="bb" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSdCAukfYF0yMvBml3XbcXLgntL43N47hsSrQ&usqp=CAU" alt="image">
<h1>OUR MISSION</h1>
<P>PW Skills' mission is to permeate through every student/professional's outlook towards jobs and change their attitude and perspective from "How Can I Do It?" to "Of Course I Can Do It" Lorem ipsum, dolor sit amet consectetur adipisicing elit. A eos perspiciatis laudantium dolorum, dolor quas aliquam impedit sit? Expedita magni modi illo dolorem porro officiis nulla soluta quas et suscipit? Lorem, ipsum dolor sit amet consectetur adipisicing elit. Fugit eius hic totam libero tempore! Consequatur ea atque cumque doloremque nulla! Cupiditate, porro expedita sint est aspernatur illo veritatis explicabo ex numquam nemo iste voluptatem, esse voluptas magni, repudiandae non. Odit eius natus fugiat! Obcaecati deleniti fugiat, hic ipsam doloribus minima ea numquam dicta rem delectus! Ut odio repudiandae totam similique nesciunt maiores ea, eius quaerat quae est! Quibusdam nobis quae voluptates placeat neque ducimus numquam fugit explicabo ea ullam quidem corrupti, earum aliquid eius ipsum sed eos illo recusandae officia ab? A iusto, culpa dolor at molestiae assumenda possimus nihil! Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque, deserunt, vel magni similique illo ab fuga adipisci hic molestiae ipsa eaque provident quos aut rem. Quidem magni neque similique, laboriosam molestiae libero magnam quas esse. Sapiente minima fuga dolore veritatis laudantium laboriosam distinctio? Nulla fugiat exercitationem sint consequatur suscipit magni natus! Esse vitae iste officia autem accusantium! Maxime error sapiente fugiat veritatis optio facilis eos, tempora cum unde dolorem? Fugiat quidem doloremque rem sint hic, aperiam nemo cumque molestiae modi ipsa quas necessitatibus. Repudiandae velit corporis porro pariatur dolores, perspiciatis enim unde. Maxime quibusdam, optio aliquid quod id error temporibus cum molestias, eius corporis est totam dolorum pariatur, voluptatum non repellat. Id numquam esse obcaecati non a, et vitae doloribus qui praesentium deserunt inventore officia dolorem maxime aliquid impedit placeat laudantium fugit, illo voluptas blanditiis vero? Eum minima recusandae non ea placeat. Tempore voluptate obcaecati ullam hic! Modi officia obcaecati earum dolorem assumenda optio reprehenderit provident tempore explicabo ex maxime placeat dolores voluptates quaerat sint, culpa enim dignissimos veniam perferendis voluptatibus. Numquam aperiam labore eaque maxime exercitationem quod voluptatibus, corrupti porro, minima voluptatem nesciunt autem fugit. Veritatis, alias doloribus. Animi deleniti aliquid iste provident magnam fuga incidunt placeat aliquam, dolores ab tempore magni quos itaque dolorum consequatur tempora. Fugit, maiores ipsam doloribus deleniti labore harum quo. Hic autem, beatae velit libero iste voluptatibus, fugit aut nostrum quae est nesciunt alias cumque minus. Nam quidem perspiciatis perferendis delectus architecto aut reiciendis incidunt quos asperiores soluta molestiae corporis totam et praesentium atque neque commodi, dolorum magnam rerum odio minus sit debitis. Perferendis nisi ipsam dignissimos cupiditate minima, in commodi voluptatibus incidunt! Suscipit, fugit asperiores. Voluptatem amet, consequuntur quam architecto beatae numquam. Quis itaque delectus fugit ducimus fugiat mollitia sequi? Culpa illo pariatur odit sequi incidunt ipsam nam repudiandae fuga veniam eius! Dolorem id ex provident consequatur odit recusandae tempora, a, deserunt quas non nobis autem iure ipsum reprehenderit facilis vitae perferendis distinctio aliquam, velit ratione blanditiis repellendus. Accusamus rem laboriosam possimus mollitia saepe inventore sapiente facilis, quibusdam corporis temporibus. Qui nostrum temporibus ducimus! Deleniti optio libero, corrupti ea voluptatem neque. Beatae suscipit esse magnam quis, corporis laudantium maiores odit nam a. Eum labore tenetur ea optio, quas veritatis, laboriosam maiores totam fugit officia asperiores laudantium vel nemo nisi recusandae dicta voluptatum iste magnam, maxime similique expedita! Quas dicta, iusto quae delectus cumque ut omnis ipsum id facilis velit dolorem est nobis quasi ex architecto reprehenderit sapiente quos perferendis perspiciatis. Dolorum quis consequatur, dicta dignissimos tenetur magni at et non rem, voluptas aperiam accusantium suscipit quisquam deleniti molestiae doloremque saepe? Rem, ratione. Exercitationem accusamus voluptates id ad porro non recusandae optio, mollitia accusantium a dolor illo aperiam voluptatum ea, voluptate eius ipsum soluta repellat amet alias rerum dolorum quam ipsam officia. Distinctio a praesentium rem molestiae magni numquam optio adipisci corrupti enim ut eum doloremque eveniet ipsum facilis qui dolor, voluptate amet quo aut ad autem! Modi corporis laborum tempore vero voluptatum, praesentium veniam dicta repudiandae possimus ipsam voluptas nostrum nesciunt qui earum.</P>
<img class="cc" src="https://cdn.technologyadvice.com/wp-content/uploads/2018/02/friendly-chatbot.jpg" alt="image">
</div>
<div class="ll">
<div class="qq"><img src="data:image/png;base64,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" alt="image"> </div>
<div id="k" class="item"> <a href="rr">HOME</a></div>
<div class="item"><a href="dd">ABOUT</a></div>
<div class="item"><a href="gg">BLOG</a></div>
<div class="item"><a href="ss">COURCES</a></div>
<div class="item"><a href="ff">PW Skills lab</a></div>
<div class="item"><a href="xx">JOB PORTAL</a></div>
<div class="item"><a href="ss">EXPERIENCE PORTAL</a></div>
<div class="item"><a href="mm">HALL OF AFFILIATE</a></div>
<div class="item"><a href="aa">FAQ's</a></div>
<div class="item"><a href="hh">CONTACT</a></div>
<div id="j" class="item"><a href="pp">login</a></div></div>
</nav>
</body>
</html>