-
Notifications
You must be signed in to change notification settings - Fork 0
/
single_blog.html
132 lines (127 loc) · 7.01 KB
/
single_blog.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="en">
<head>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="KOVATZ - Personal Portfolio Template">
<meta name="keywords" content="themes_master,personal, portfolio new, html, one page, bootstrap, new html template, design, creative, onepage, clean, modern">
<meta name="author" content="themes_master">
<!-- SITE TITLE -->
<title>KOVATZ - Personal Portfolio & Resume/CV Template</title>
<!-- Latest Bootstrap min CSS -->
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css2?family=Exo:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Sacramento&display=swap" rel="stylesheet">
<!-- Font Awesome CSS -->
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/themify-icons.css">
<!--- owl carousel Css-->
<link rel="stylesheet" href="assets/owlcarousel/css/owl.carousel.css">
<link rel="stylesheet" href="assets/owlcarousel/css/owl.theme.css">
<!-- venobox CSS -->
<link rel="stylesheet" href="assets/css/venobox.css">
<!-- Style CSS -->
<link rel="stylesheet" href="assets/css/style.css" />
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- START PRELOADER -->
<div class="preloader">
<div class="spinner">
<div class="double-bounce1"></div>
<div class="double-bounce2"></div>
</div>
</div>
<!-- END PRELOADER -->
<div id="main-container-panel" class="main-container-panel"><!-- Start main container panel -->
<div class="container-fluid">
<div class="row">
<div class="col-lg-3 col-sm-12 col-xs-12">
<div class="left-panel"><!-- Start left panel -->
<div class="logo_area">
<a class="logo-img" href="index.html"><img src="assets/img/me.jpg" class="img-fluid" alt="" /></a>
<h4>KOVATZ</h4>
</div>
<ul class="tab-buttons">
<li class="selected"><a href="#" data-rel="item-one"><span><i class="ti-home"></i> About</span></a></li>
<li><a href="#" data-rel="item-two"><span><i class="ti-file"></i> Resume</span></a></li>
<li><a href="#" data-rel="item-three"><span><i class="ti-image"></i> Portfolio</span></a></li>
<li><a href="#" data-rel="item-four"><span><i class="ti-book"></i> Blog</span></a></li>
<li><a href="#" data-rel="item-five"><span><i class="ti-envelope"></i> Contact</span></a></li>
<li><a href="#" data-rel="item-six"><span><i class="ti-folder"></i> Extra</span></a></li>
</ul>
<ul class="tab-buttons tab-buttons-mobile">
<li class="selected"><a href="#" data-rel="item-one"><span class="ti-home"></span></a></li>
<li><a href="#" data-rel="item-two"><span class="ti-file"></span></a></li>
<li><a href="#" data-rel="item-three"><span class="ti-image"></span></a></li>
<li><a href="#" data-rel="item-four"><span class="ti-book"></span></a></li>
<li><a href="#" data-rel="item-five"><span class="ti-envelope"></span></a></li>
<li><a href="#" data-rel="item-six"><span class="ti-folder"></span></a></li>
</ul>
<div class="social_profile">
<ul>
<li><a href="#" class="f_facebook"><i class="fa fa-facebook" title="Facebook"></i></a></li>
<li><a href="#" class="f_twitter"><i class="fa fa-twitter" title="Twitter"></i></a></li>
<li><a href="#" class="f_instagram"><i class="fa fa-instagram" title="Instagram"></i></a></li>
<li><a href="#" class="f_linkedin"><i class="fa fa-linkedin" title="LinkedIn"></i></a></li>
<li><a href="#" class="f_tumblr"><i class="fa fa-tumblr" title="LinkedIn"></i></a></li>
</ul>
</div>
<p class="copyright">© 2022 KOVATZ.</p>
</div><!-- End left panel -->
</div>
<div class="col-lg-8 col-sm-12 col-xs-12">
<div class="right-panel">
<div id="tab-box">
<div class="tab-container">
<div id="item-one" style="display: block">
<div class="row blog_info_btm">
<div class="col-lg-12 text-center">
<div class="page_heading">
<h1>Blog Single</h1>
</div>
</div>
<div class="col-lg-10 offset-lg-1 col-sm-12 col-xs-12">
<div class="single_blog_page">
<img src="assets/img/blog/single_blog.jpg" class="img-fluid" alt="image" />
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using Content here content here making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text</p>
<p class="text-italic">The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using Content here content here making it look like readable English.</p>
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using Content here content here making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text</p>
</div>
</div><!-- END COL-->
</div><!-- / END ROW -->
<div class="padding-10"></div>
</div><!-- END ITEM -->
</div><!-- END TAB CONTAINER -->
</div><!-- END TAB BOX -->
</div><!-- END RIGHT PANEL -->
</div><!-- END COL -->
</div><!-- END ROW -->
</div><!-- END CONTAINER -->
</div><!-- End MAIN CONTAINER -->
<!-- Latest jQuery -->
<script src="assets/js/jquery-1.12.4.min.js"></script>
<!-- Latest compiled and minified Bootstrap -->
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<!-- owl-carousel min js -->
<script src="assets/owlcarousel/js/owl.carousel.min.js"></script>
<!-- countTo js -->
<script src="assets/js/jquery.inview.min.js"></script>
<!-- jquery mixitup min js -->
<script src="assets/js/jquery.mixitup.js"></script>
<!-- jquery venobox min js -->
<script src="assets/js/venobox.min.js"></script>
<!-- scripts js -->
<script src="assets/js/tab-menu.js"></script>
<script src="assets/js/scripts.js"></script>
</body>
</html>