Wap
Wap
DOCTYPE html>
2. <html lang="tr">
3. <head>
4. <meta charset="UTF-8">
5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
6. <title>Anasayfa</title>
7. <link rel="stylesheet" href="/Css/style.css">
8. </head>
9. <body>
10. <div class="navbar">
11. <a href="anasayfa.html">Anasayfa</a>
12. <a href="hakkimda.html">Hakkımda</a>
13. <a href="calismalarim.html">Çalışmalarım</a>
14. <a href="iletisim.html">İletişim</a>
15. <a href="Üniversite.html" id="universite">Üniversite</a>
16. </div>
17. <div class="container">
18. <h1>Hoş Geldiniz</h1>
19. <p>Sitemize hoş geldiniz! Buradan çalışmalarımı ve hakkımda bilgileri bulabilirsiniz.</p>
20. </div>
21. </body>
22. </html>
23. ##################################################################
24. <!DOCTYPE html>
25. <html lang="tr">
26. <head>
27. <meta charset="UTF-8">
28. <meta name="viewport" content="width=device-width, initial-scale=1.0">
29. <title>Çalışmalarım</title>
30. <link rel="stylesheet" href="/Css/style.css">
31. </head>
32. <body>
33. <div class="navbar">
34. <a href="anasayfa.html">Anasayfa</a> <a href="hakkimda.html">Hakkımda</a>
35. <a href="calismalarim.html">Çalışmalarım</a> <a href="iletisim.html">İletişim</a>
36. <a href="Üniversite.html" id="universite">Üniversite</a>
37. </div>
38. <div class="container">
39. <h1>Çalışmalarım</h1>
40. <p>ban calismadim:(.</p></div>
41. </body>
42. </html>
43. <!DOCTYPE html>
44. <html lang="tr">
45. <head>
46. <meta charset="UTF-8">
47. <meta name="viewport" content="width=device-width, initial-scale=1.0">
48. <title>Hakkımda</title>
49. <link rel="stylesheet" href="/Css/style.css">
50. </head>
51. <body>
52.
53.
54. <div class="navbar">
55. <a href="anasayfa.html">Anasayfa</a>
56. <a href="hakkimda.html">Hakkımda</a>
57. <a href="calismalarim.html">Çalışmalarım</a>
58. <a href="iletisim.html">İletişim</a>
59. <a href="Üniversite.html" id="universite">Üniversite</a>
60. </div>
61.
62.
63. <div class="container">
64. <h1>Hakkımda</h1>
65. <p>Ban bilgisyer Muh. 3 yil</p>
66. </div>
67.
68. </body>
69. </html>
70. ############################################################################
71. <!DOCTYPE html>
72. <html lang="tr">
73. <head>
74. <meta charset="UTF-8">
75. <meta name="viewport" content="width=device-width, initial-scale=1.0">
76. <title>İletişim</title>
77. <link rel="stylesheet" href="/Css/style.css">
78. </head>
79. <body>
80.
81.
82. <div class="navbar">
83. <a href="anasayfa.html">Anasayfa</a>
84. <a href="hakkimda.html">Hakkımda</a>
85. <a href="calismalarim.html">Çalışmalarım</a>
86. <a href="iletisim.html">İletişim</a>
87. <a href="Üniversite.html" id="universite">Üniversite</a>
88. </div>
89.
90.
91. <div class="container">
92. <h1>İletişim</h1>
93. <p>Telefon: 055507****9</p>
94. <p>E-posta: [email protected]</p>
95. <form action="test.php" method="post" >
96. <input type="text" name="name" placeholder="Adınız" required>
97. <input type="email" name="email" placeholder="E-posta Adresiniz" required>
98. <textarea name="message" rows="5" placeholder="Mesajınız" required></textarea>
99. <button type="submit">Gönder</button>
100. </form>
101. </div>
102.
103. </body>
104. </html>
105.
106. ########################################################################
107. <!DOCTYPE html>
108. <html lang="tr">
109. <head>
110. <meta charset="UTF-8">
111. <meta name="viewport" content="width=device-width, initial-scale=1.0">
112. <title>Üniversite</title>
113. <link rel="stylesheet" href="/Css/style.css">
114. </head>
115. <body>
116.
117. <div class="navbar">
118. <a href="anasayfa.html">Anasayfa</a>
119. <a href="hakkimda.html">Hakkımda</a>
120. <a href="calismalarim.html">Çalışmalarım</a>
121. <a href="iletisim.html">İletişim</a>
122. <a href="Üniversite.html" id="universite">Üniversite</a>
123. </div>
124. <div class="container">
125. <img src="/image/896378.webp" alt="Üniversitemin fotoğrafı" class="image">
126. </div></body></html>
127. body {
128. font-family: Arial, sans-serif;
129. margin: 0;
130. padding: 0;
131. background-color: #f4f4f4;
132. }
133.
134. .navbar {
135. background-color: #333;
136. overflow: hidden;
137. }
138.
139. .navbar a {
140. float: left;
141. display: block;
142. color: #ffffff;
143. text-align: center;
144. padding: 14px 16px;
145. text-decoration: none;
146. }
147. #universite{
148. float: right;
149.
150. }
151. .navbar a:hover {
152. background-color: #746d6d;
153. color: rgb(0, 0, 0);
154. }
155.
156. .container {
157. padding: 20px;
158. background: #fff;
159. margin: 20px auto;
160. border-radius: 8px;
161. box-shadow: 0 2px 5px rgba(0,0,0,0.2);
162. max-width: 800px;
163.
164. }
165. .container img{
166. max-width: 800px:}