-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
96 lines (81 loc) · 3.32 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
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
<!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">
<title>Merve Dağlı Web Site HTML CSS</title>
</head>
<body>
<div class="container">
<div class="navbar">
<div class="logo"><a href="#">LOGO</a></div>
<ul>
<li><a href="#" class="active">Homepage</a></li>
<li><a href="#">About me</a></li>
<li><a href="#">References</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="center">
<h1>Basit Web Site</h1>
<h2>Hoşgeldiniz</h2>
<div class="buttons">
<button>Daha Fazla...</button>
<button>Abone Ol</button>
</div>
</div>
<div class="reference">
<div>
<div>
<h3>Daniel Clifford</h3>
<p>Verified Graduate</p>
</div>
<p class="card">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores natus obcaecati voluptas illum? Dicta at odio modi enim ea impedit libero inventore vitae velit, cumque veniam explicabo tempora fuga nobis.
Corporis laboriosam laborum fugiat aliquid assumenda. Quam consectetur id consequuntur necessitatibus fugit, asperiores obcaecati nobis ea quisquam quia et aliquid minus officia optio sint, veniam porro! Enim numquam alias veniam?
<ul class="lorem">
<li>Lorem, ipsum. </li>
<li>Possimus, voluptas.</li>
<li>Consequatur, at!</li>
<li>Saepe, maxime.</li>
<li>Vitae, voluptatibus?</li>
</ul>
</p>
</div>
<div id="page2"> <iframe width="560" height="315" src="https://www.youtube.com/embed/lOJpWdnsJqg?si=Rb-tjePbVj0DOuSs" title="YouTube video player"
frameborder="0" allow="accelerometer;
autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</div>
</div>
<footer>
<div class="footer-sol">
<ul>
<li><a href="#">Anasayfa</a></li>
<li><a href="#">Hakkımızda</a></li>
<li><a href="#">İletişim</a></li>
<li><a href="#">Hakkımızda</a></li>
<li><a href="#">Giriş yap</a></li>
</ul>
</div>
<div class="cubuk">
</div>
<div class="footer-sag">
<ul>
<li>
<i class="fa-sharp fa-solid fa-envelope"></i>
</li>
<li>
<i class="fa-solid fa-cloud"></i>
</li>
<li>
<i class="fa-regular fa-heart"></i>
</li>
</ul>
</div>
</footer>
<script src="https://kit.fontawesome.com/a05c1a2376.js" crossorigin="anonymous"></script>
</body>
</html>