-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
154 lines (154 loc) · 8.77 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
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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!doctype html>
<html lang="tr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" type="image/png" href="img/favicon.png">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/style.css">
<title>Özgür ÖZALP - Hoş Geldiniz</title>
</head>
<body class="bg-light">
<div id="particles-js"></div>
<div class="container">
<!-- Menu -->
<nav class="navbar navbar-expand-sm navbar-dark mt-3 rounded bg-danger mb-2 bg-renk">
<a class="navbar-brand text-black-50 font-weight-bold animated" id="logo" href="#">Özgür ÖZALP</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-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 ml-auto">
<li class="nav-item animated active">
<a class="nav-link" href="#">Ana Sayfa <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item animated">
<a class="nav-link" href="about.html">Hakkımızda</a>
</li>
<li class="nav-item animated">
<a class="nav-link" href="pricing.html">Fiyatlar</a>
</li>
<li class="nav-item animated">
<a class="nav-link" href="contact.html">İletişim</a>
</li>
</ul>
</div>
</nav>
<!-- Menu -->
<div class="row mb-5">
<div class="col-md-8 mb-1 animated slideInLeft">
<div class="row">
<div class="col-md-12 mb-2">
<div class="card">
<img src="img/article-img.png" class="card-img-top" alt="Özgür ÖZALP">
<div class="card-body">
<h5 class="card-title yeniFont mb-0">VueJS nedir, Neden kullanmalıyız ?</h5>
<p class="mb-1"><small class="text-muted">Özgür ÖZALP - 3 saat önce</small></p>
<a href="#" class="badge badge-primary text-decoration-none">JavaScript</a>
<a href="#" class="badge badge-danger text-decoration-none">Web Deveplopment</a>
<p class="card-text mt-2">Merhabalar, bu yazımda size JavaScript Framework’ü olan VueJs hakkında ufak tefek bilgiler vereceğim.
Vue.js frontend için geliştirilmiş bir JavaScript framework'ü dür.
</p>
<a href="post.html" class="btn btn-outline-success mb-2">Devamını Oku</a>
</div>
</div>
</div>
<div class="col-md-12 mb-2">
<div class="card">
<img src="img/article-img.png" class="card-img-top" alt="Özgür ÖZALP">
<div class="card-body">
<h5 class="card-title yeniFont mb-0">VueJS nedir, Neden kullanmalıyız ?</h5>
<p class="mb-1"><small class="text-muted">Özgür ÖZALP - 3 saat önce</small></p>
<a href="#" class="badge badge-primary text-decoration-none">JavaScript</a>
<a href="#" class="badge badge-danger text-decoration-none">Web Deveplopment</a>
<p class="card-text mt-2">Merhabalar, bu yazımda size JavaScript Framework’ü olan VueJs hakkında ufak tefek bilgiler vereceğim.
Vue.js frontend için geliştirilmiş bir JavaScript framework'ü dür.
</p>
<a href="post.html" class="btn btn-outline-success mb-2">Devamını Oku</a>
</div>
</div>
</div>
<div class="col-md-12 mb-2">
<div class="card">
<img src="img/article-img.png" class="card-img-top" alt="Özgür ÖZALP">
<div class="card-body">
<h5 class="card-title yeniFont mb-0">VueJS nedir, Neden kullanmalıyız ?</h5>
<p class="mb-1"><small class="text-muted">Özgür ÖZALP - 3 saat önce</small></p>
<a href="#" class="badge badge-primary text-decoration-none">JavaScript</a>
<a href="#" class="badge badge-danger text-decoration-none">Web Deveplopment</a>
<p class="card-text mt-2">Merhabalar, bu yazımda size JavaScript Framework’ü olan VueJs hakkında ufak tefek bilgiler vereceğim.
Vue.js frontend için geliştirilmiş bir JavaScript framework'ü dür.
</p>
<a href="post.html" class="btn btn-outline-success mb-2">Devamını Oku</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 animated slideInRight">
<div class="card mb-1">
<div class="card-body">
<form id="loginForm" class="animated d-block">
<p class="fontlu-text">Kullanıcı Girişi</p>
<div class="form-group mb-1">
<input type="text" class="form-control" placeholder="Kullanıcı Adı" required>
</div>
<div class="form-group mb-1">
<input type="password" class="form-control" placeholder="Parolanız" required>
</div>
<div class="form-group">
<p class="float-left text-muted pointer ml-1 switch" id="login">Kayıt Oluştur</p>
<button class="btn btn-outline-info float-right">
Giriş Yap
</button>
</div>
</form>
<form id="registerForm" class="animated d-none">
<p class="fontlu-text">Hesap Oluştur</p>
<div class="form-group mb-1">
<input type="text" class="form-control" placeholder="Kullanıcı Adı" required>
</div>
<div class="form-group mb-1">
<input type="email" class="form-control" placeholder="E Posta Adresi" required>
</div>
<div class="form-group mb-1">
<input type="password" class="form-control" placeholder="Parolanız" required>
</div>
<div class="form-group mb-1">
<input type="password" class="form-control" placeholder="Parola Tekrarı" required>
</div>
<div class="form-group">
<p class="float-left text-muted pointer ml-1 switch" id="register">Zaten Üyeyim</p>
<button class="btn btn-outline-success float-right">
Kayıt Ol
</button>
</div>
</form>
</div>
</div>
<div class="card">
<div class="card-body">
<p class="fontlu-text">Site içi Arama</p>
<form id="searchForm" >
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="Aranacak Kelimeyi Giriniz" aria-label="Aracanak Kelimeyi Giriniz" aria-describedby="button-addon2">
<div class="input-group-append">
<button class="btn btn-outline-secondary" type="button" id="button-addon2">
<i class="fas fa-search"></i>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.4.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="js/particles.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>