-
Notifications
You must be signed in to change notification settings - Fork 0
/
projelinkleri.html
132 lines (128 loc) · 6.2 KB
/
projelinkleri.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
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
<!doctype html>
<html lang="tr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<title>Web Teknolojileri Ödevi</title>
</head>
<body>
<style>
body {
background: #f5f8fa
}
@media (min-width:1200px) {
.container {
max-width: 1200px
}
}
</style>
<nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-primary">
<div class="container-fluid">
<a class="navbar-brand" href="index.html"><img src="https://drive.google.com/uc?id=1jKu6yn3-W2uTlqVC-ARSXoWmzZutdb1g" alt="Logo" width="30" height="30" class="d-inline-block align-text-top">AnaSayfa</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" href="projemetinleri.html">Proje Metinleri</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="projelinkleri.html">Proje Linkleri</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="projeresimleri.html">Proje Resimleri</a>
</li>
</ul>
</div>
</div>
</nav>
<br>
<div class="container">
<h1>PROJE LİNKLERİ</h1>
<div class="row">
<div class="col">
<b>Havacılık Projeleri</b>
<div class="card" style="width: 25rem;">
<div class="thumbnail">
<a href="https://i.pinimg.com/originals/57/c5/31/57c531cc2a7f88d679ed46383a57a321.jpg" target="_blank">
<img src="https://i.pinimg.com/originals/57/c5/31/57c531cc2a7f88d679ed46383a57a321.jpg" alt="Nature" style="width:100%">
</a>
</div>
<div class="card-body">
<a href="https://www.linkedin.com/in/ahmet-keșab-3069b9157/" class="btn btn-primary">Link</a>
</div>
</div>
</div>
<div class="col">
<b>Gençlik ve Spor Bakanlığı Projeleri</b>
<div class="card" style="width: 25rem;">
<div class="thumbnail">
<a href="https://bukettyasar.files.wordpress.com/2021/06/istockphoto-1194486297-612x612-1.jpg" target="_blank">
<img src="https://bukettyasar.files.wordpress.com/2021/06/istockphoto-1194486297-612x612-1.jpg" alt="Nature" style="width:100%">
</a>
</div>
<div class="card-body">
<a href="https://www.linkedin.com/in/ahmet-keșab-3069b9157/" class="btn btn-primary">Link</a>
</div>
</div>
</div>
</div>
<div class="col">
<b>Yazılım Projeleri</b>
<div class="card" style="width: 25rem;">
<div class="thumbnail">
<a href="https://media.istockphoto.com/vectors/test-environment-specialist-concept-icon-software-development-idea-vector-id1219176951?s=612x612" target="_blank">
<img src="https://media.istockphoto.com/vectors/test-environment-specialist-concept-icon-software-development-idea-vector-id1219176951?s=612x612" alt="Nature" style="width:100%">
</a>
</div>
<div class="card-body">
<a href="https://www.linkedin.com/in/ahmet-keșab-3069b9157/" class="btn btn-primary">Link</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="border-top">
<div class="container px-4 px-lg-5">
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="col-md-10 col-lg-8 col-xl-7">
<ul class="list-inline text-center">
<li class="list-inline-item">
<a href="#!">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-twitter fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a href="#!">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-facebook-f fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a href="#!">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-github fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
</ul>
<div class="small text-center text-muted fst-italic">
<p><b>25/12/2021</b></p>
<p><b>Ahmet Keşab Tarafından Oluşturulmuştur</b></p>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>