-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
69 lines (64 loc) · 5.87 KB
/
index.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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<head>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
<title>
KHANATTES
</title>
<link rel="icon" href="https://iadsb.tmgrup.com.tr/de8071/0/0/0/0/1062/902?u=https://idsb.tmgrup.com.tr/2018/02/15/sultan-abdulhamid-ii-a-visionary-who-tried-to-keep-the-empire-alive-1518722008477.jpg" type="image/x-icon">
<link rel="stylesheet" href="https://fonts.google.com/specimen/Kenia">
</head>
<body id="b1">
<h1 class="ah1" style="background: rgb(128, 125, 131); margin-left: 550px; margin-right: 550px; border-radius:10px;">Md Sayan Khan</h1>
<div class="ah1">Welcome.Currently,this website is on test.
I made this for no reason and it doesn't work . STILL feels good. <div style="font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-style: italic;">L o L</div>
</div>
<nav style="color:aliceblue">
<div class="ah2" style="border-radius: 5px; background:purple;">Home</div>
<div class="ah2" style="border-radius: 5px; background:purple;">About</div>
<div class="ah2" style="border-radius: 5px; background:purple;">Projects</div>
<div class="ah2" style="border-radius: 5px; background:purple;">Contact</div>
</nav>
<p style="color: rgb(235, 210, 178);">
<div style="color: rgb(255, 238, 0);text-align: center; font-family: 'Courier New', Courier, monospace; font-size: x-large;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate perferendis aut accusamus qui. Sed, atque quisquam maiores quaerat non impedit aut consequuntur sint earum fugit aperiam magni tempore voluptate tempora.</div>
<div style="color:rgb(255,255,255);text-align: center; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus perferendis placeat libero fugit repudiandae eveniet explicabo voluptate, qui ex ipsa ad delectus ullam sit, assumenda culpa. Nostrum, doloribus officia? Mollitia?</div>
<div style="color:rgb(255,255,255);text-align: center; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus assumenda labore blanditiis! Vero voluptatem, quidem, commodi porro facere ipsum ratione expedita officia officiis obcaecati ipsa consectetur quod exercitationem voluptatum ex.</div>
<div style="color:rgb(255, 255, 255);text-align: center; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Odio fugit vel veritatis vitae ea! Sapiente voluptatibus nulla, cupiditate quia eveniet necessitatibus aperiam accusamus quaerat porro repellendus a r; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;">His methods and the internal tensions built up by the very modernization processes he had fostered, finally did him in.</div>alias cumque unde.</div>
<section class="blue">
<h1>Khannetes</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam quaerat deserunt sequi atque! Voluptates consequatur quibusdam a beatae nam. Odit facilis itaque et veritatis inventore ratione velit commodi reiciendis nobis.</p>
<!--<div class="space layer1"></div>-->
</section>
<div class="spacer layer1"></div>
<section class="red">
<h1>Khannetes</h1>
<p>Perspiciatis soluta quos dicta praesentium assumenda dolore inventore ut molestias quo, excepturi amet enim omnis ex accusamus dignissimos error cum, quidem expedita adipisci aliquid facilis. Eligendi eum ducimus pariatur eius?</p>
</section>
<section class="dark">
<h1>Khannetes</h1>
<p>Voluptatum ipsam, eaque labore quam unde, modi eius aut sit cum veniam dolorum minima natus cumque aliquid nihil delectus molestiae. Repellendus dolore, impedit repellat beatae voluptatem modi. Error, quam laborum.</p>
</section>
<section class="pink">
<h1>Khannetes</h1>
<p>Libero quibusdam nostrum itaque enim blanditiis tenetur velit consectetur deleniti atque dicta eius natus veritatis consequatur eaque incidunt vel magnam a quasi rerum debitis similique pariatur, ipsam ipsum. Impedit, quos?</p>
</section>
<section class="magnum">
<h1 >Khannetes</h1>
<p>Iusto, nesciunt asperiores magnam dicta numquam ipsam commodi distinctio. Quasi molestiae ea reiciendis eius ipsam libero totam quae obcaecati corrupti iste ratione animi sequi hic, at sed ab illum commodi!</p>
</section>
<section class="magenta">
<h1>Khannetes</h1>
<p>Dolor sed consequuntur veritatis illo? Itaque consequuntur excepturi cumque impedit dolorum, aspernatur repellat totam eveniet veritatis, maxime minus laboriosam obcaecati, mollitia facere incidunt. Quis totam ipsum eos aspernatur, corrupti iure.</p>
</section>
<section class="purple">
<h1>Khannetes</h1>
<p>Magnam, dolore? Repellendus reiciendis pariatur iusto et totam, iste sapiente sequi dignissimos? Inventore corrupti quaerat, maiores deleniti magni eum, laudantium dolore dicta neque tempora, doloremque non. Animi obcaecati aperiam velit.</p>
</section>
<section class="brown">
<h1>Khannetes</h1>
<p>Dolorum ducimus obcaecati eaque sit officiis assumenda facilis exercitationem? Deleniti eveniet numquam animi fugiat at reiciendis nesciunt, laudantium facere fugit facilis magnam doloremque, cum molestiae quis neque repellat itaque eaque.</p>
</section>
</p>
</body>