1 | <!DOCTYPE html>
|
---|
2 | <html style="font-size: 16px;" lang="en"><head>
|
---|
3 | <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
---|
4 | <meta charset="utf-8">
|
---|
5 | <meta name="keywords" content="">
|
---|
6 | <meta name="description" content="">
|
---|
7 | <title>Blog Template</title>
|
---|
8 | <link rel="stylesheet" href="../nicepage.css" media="screen">
|
---|
9 | <link rel="stylesheet" href="../Blog-Template.css" media="screen">
|
---|
10 | <script class="u-script" type="text/javascript" src="../jquery.js" defer=""></script>
|
---|
11 | <script class="u-script" type="text/javascript" src="../nicepage.js" defer=""></script>
|
---|
12 | <meta name="generator" content="Nicepage 5.4.4, nicepage.com">
|
---|
13 | <link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i">
|
---|
14 |
|
---|
15 |
|
---|
16 | <script type="application/ld+json">{
|
---|
17 | "@context": "http://schema.org",
|
---|
18 | "@type": "Organization",
|
---|
19 | "name": "",
|
---|
20 | "logo": "images/logo.png"
|
---|
21 | }</script>
|
---|
22 | <meta name="theme-color" content="#478ac9">
|
---|
23 | <meta data-intl-tel-input-cdn-path="intlTelInput/"></head>
|
---|
24 | <body class="u-body u-xl-mode" data-lang="en"><header class="u-clearfix u-header u-header" id="sec-2d07"><div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
|
---|
25 | <a href="../Home.html" class="u-image u-logo u-image-1" data-image-width="463" data-image-height="339" title="Home">
|
---|
26 | <img src="../images/logo.png" class="u-logo-image u-logo-image-1">
|
---|
27 | </a>
|
---|
28 | <nav class="u-menu u-menu-one-level u-offcanvas u-menu-1">
|
---|
29 | <div class="menu-collapse" style="font-size: 1rem; letter-spacing: 0px;">
|
---|
30 | <a class="u-button-style u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-text-active-color u-custom-text-color u-custom-text-hover-color u-custom-top-bottom-menu-spacing u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="#">
|
---|
31 | <svg class="u-svg-link" viewBox="0 0 24 24"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use></svg>
|
---|
32 | <svg class="u-svg-content" version="1.1" id="menu-hamburger" viewBox="0 0 16 16" x="0px" y="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><g><rect y="1" width="16" height="2"></rect><rect y="7" width="16" height="2"></rect><rect y="13" width="16" height="2"></rect>
|
---|
33 | </g></svg>
|
---|
34 | </a>
|
---|
35 | </div>
|
---|
36 | <div class="u-custom-menu u-nav-container">
|
---|
37 | <ul class="u-nav u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base u-text-palette-1-base" href="../Login.html" style="padding: 10px 20px;">Login</a>
|
---|
38 | </li></ul>
|
---|
39 | </div>
|
---|
40 | <div class="u-custom-menu u-nav-container-collapse">
|
---|
41 | <div class="u-black u-container-style u-inner-container-layout u-opacity u-opacity-95 u-sidenav">
|
---|
42 | <div class="u-inner-container-layout u-sidenav-overflow">
|
---|
43 | <div class="u-menu-close"></div>
|
---|
44 | <ul class="u-align-center u-nav u-popupmenu-items u-unstyled u-nav-2"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Login.html">Login</a>
|
---|
45 | </li></ul>
|
---|
46 | </div>
|
---|
47 | </div>
|
---|
48 | <div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
|
---|
49 | </div>
|
---|
50 | </nav>
|
---|
51 | </div></header>
|
---|
52 | <section class="u-clearfix u-section-1" id="sec-420b">
|
---|
53 | <div class="u-clearfix u-sheet u-valign-middle u-sheet-1"><!--blog--><!--blog_options_json--><!--{"type":"Recent","source":"","tags":"","count":""}--><!--/blog_options_json-->
|
---|
54 | <div class="u-blog u-expanded-width u-repeater u-repeater-1"><!--blog_post-->
|
---|
55 | <div class="u-blog-post u-container-style u-repeater-item u-white u-repeater-item-1">
|
---|
56 | <div class="u-container-layout u-similar-container u-valign-top u-container-layout-1"><!--blog_post_header-->
|
---|
57 | <h4 class="u-blog-control u-text u-text-1">
|
---|
58 | <a class="u-post-header-link" href="../blog/post-5.html">Post 6 Headline</a>
|
---|
59 | </h4><!--/blog_post_header--><!--blog_post_image-->
|
---|
60 | <a class="u-post-header-link" href="../blog/post-5.html"><img alt="" class="u-blog-control u-expanded-width u-image u-image-default u-image-1" src="../images/8ad73f3c.jpeg"></a><!--/blog_post_image--><!--blog_post_content-->
|
---|
61 | <div class="u-blog-control u-post-content u-text u-text-2 fr-view">Sample small text. Lorem ipsum dolor sit amet.</div><!--/blog_post_content--><!--blog_post_readmore-->
|
---|
62 | <a href="../blog/post-5.html" class="u-blog-control u-border-2 u-border-palette-1-base u-btn u-btn-rectangle u-button-style u-none u-btn-1"><!--blog_post_readmore_content--><!--options_json--><!--{"content":"","defaultValue":"Read More"}--><!--/options_json-->Read More<!--/blog_post_readmore_content--></a><!--/blog_post_readmore-->
|
---|
63 | </div>
|
---|
64 | </div><div class="u-blog-post u-container-style u-repeater-item u-video-cover u-white">
|
---|
65 | <div class="u-container-layout u-similar-container u-valign-top u-container-layout-2"><!--blog_post_header-->
|
---|
66 | <h4 class="u-blog-control u-text u-text-3">
|
---|
67 | <a class="u-post-header-link" href="../blog/post-4.html">Post 5 Headline</a>
|
---|
68 | </h4><!--/blog_post_header--><!--blog_post_image-->
|
---|
69 | <a class="u-post-header-link" href="../blog/post-4.html"><img alt="" class="u-blog-control u-expanded-width u-image u-image-default u-image-2" src="../images/68f64b9d.jpeg"></a><!--/blog_post_image--><!--blog_post_content-->
|
---|
70 | <div class="u-blog-control u-post-content u-text u-text-4 fr-view">Sample small text. Lorem ipsum dolor sit amet.</div><!--/blog_post_content--><!--blog_post_readmore-->
|
---|
71 | <a href="../blog/post-4.html" class="u-blog-control u-border-2 u-border-palette-1-base u-btn u-btn-rectangle u-button-style u-none u-btn-2"><!--blog_post_readmore_content--><!--options_json--><!--{"content":"","defaultValue":"Read More"}--><!--/options_json-->Read More<!--/blog_post_readmore_content--></a><!--/blog_post_readmore-->
|
---|
72 | </div>
|
---|
73 | </div><div class="u-blog-post u-container-style u-repeater-item u-video-cover u-white">
|
---|
74 | <div class="u-container-layout u-similar-container u-valign-top u-container-layout-3"><!--blog_post_header-->
|
---|
75 | <h4 class="u-blog-control u-text u-text-5">
|
---|
76 | <a class="u-post-header-link" href="../blog/post-3.html">Post 4 Headline</a>
|
---|
77 | </h4><!--/blog_post_header--><!--blog_post_image-->
|
---|
78 | <a class="u-post-header-link" href="../blog/post-3.html"><img alt="" class="u-blog-control u-expanded-width u-image u-image-default u-image-3" src="../images/0fd3416c.jpeg"></a><!--/blog_post_image--><!--blog_post_content-->
|
---|
79 | <div class="u-blog-control u-post-content u-text u-text-6 fr-view">Sample small text. Lorem ipsum dolor sit amet.</div><!--/blog_post_content--><!--blog_post_readmore-->
|
---|
80 | <a href="../blog/post-3.html" class="u-blog-control u-border-2 u-border-palette-1-base u-btn u-btn-rectangle u-button-style u-none u-btn-3"><!--blog_post_readmore_content--><!--options_json--><!--{"content":"","defaultValue":"Read More"}--><!--/options_json-->Read More<!--/blog_post_readmore_content--></a><!--/blog_post_readmore-->
|
---|
81 | </div>
|
---|
82 | </div><div class="u-blog-post u-container-style u-repeater-item u-white u-repeater-item-1">
|
---|
83 | <div class="u-container-layout u-similar-container u-valign-top u-container-layout-1"><!--blog_post_header-->
|
---|
84 | <h4 class="u-blog-control u-text u-text-1">
|
---|
85 | <a class="u-post-header-link" href="../blog/post-2.html">Post 3 Headline</a>
|
---|
86 | </h4><!--/blog_post_header--><!--blog_post_image-->
|
---|
87 | <a class="u-post-header-link" href="../blog/post-2.html"><img alt="" class="u-blog-control u-expanded-width u-image u-image-default u-image-1" src="../images/8ad73f3c.jpeg"></a><!--/blog_post_image--><!--blog_post_content-->
|
---|
88 | <div class="u-blog-control u-post-content u-text u-text-2 fr-view">Sample small text. Lorem ipsum dolor sit amet.</div><!--/blog_post_content--><!--blog_post_readmore-->
|
---|
89 | <a href="../blog/post-2.html" class="u-blog-control u-border-2 u-border-palette-1-base u-btn u-btn-rectangle u-button-style u-none u-btn-1"><!--blog_post_readmore_content--><!--options_json--><!--{"content":"","defaultValue":"Read More"}--><!--/options_json-->Read More<!--/blog_post_readmore_content--></a><!--/blog_post_readmore-->
|
---|
90 | </div>
|
---|
91 | </div><div class="u-blog-post u-container-style u-repeater-item u-video-cover u-white">
|
---|
92 | <div class="u-container-layout u-similar-container u-valign-top u-container-layout-2"><!--blog_post_header-->
|
---|
93 | <h4 class="u-blog-control u-text u-text-3">
|
---|
94 | <a class="u-post-header-link" href="../blog/post-1.html">Post 2 Headline</a>
|
---|
95 | </h4><!--/blog_post_header--><!--blog_post_image-->
|
---|
96 | <a class="u-post-header-link" href="../blog/post-1.html"><img alt="" class="u-blog-control u-expanded-width u-image u-image-default u-image-2" src="../images/68f64b9d.jpeg"></a><!--/blog_post_image--><!--blog_post_content-->
|
---|
97 | <div class="u-blog-control u-post-content u-text u-text-4 fr-view">Sample small text. Lorem ipsum dolor sit amet.</div><!--/blog_post_content--><!--blog_post_readmore-->
|
---|
98 | <a href="../blog/post-1.html" class="u-blog-control u-border-2 u-border-palette-1-base u-btn u-btn-rectangle u-button-style u-none u-btn-2"><!--blog_post_readmore_content--><!--options_json--><!--{"content":"","defaultValue":"Read More"}--><!--/options_json-->Read More<!--/blog_post_readmore_content--></a><!--/blog_post_readmore-->
|
---|
99 | </div>
|
---|
100 | </div><div class="u-blog-post u-container-style u-repeater-item u-video-cover u-white">
|
---|
101 | <div class="u-container-layout u-similar-container u-valign-top u-container-layout-3"><!--blog_post_header-->
|
---|
102 | <h4 class="u-blog-control u-text u-text-5">
|
---|
103 | <a class="u-post-header-link" href="../blog/post.html">Post 1 Headline</a>
|
---|
104 | </h4><!--/blog_post_header--><!--blog_post_image-->
|
---|
105 | <a class="u-post-header-link" href="../blog/post.html"><img alt="" class="u-blog-control u-expanded-width u-image u-image-default u-image-3" src="../images/0fd3416c.jpeg"></a><!--/blog_post_image--><!--blog_post_content-->
|
---|
106 | <div class="u-blog-control u-post-content u-text u-text-6 fr-view">Sample small text. Lorem ipsum dolor sit amet.</div><!--/blog_post_content--><!--blog_post_readmore-->
|
---|
107 | <a href="../blog/post.html" class="u-blog-control u-border-2 u-border-palette-1-base u-btn u-btn-rectangle u-button-style u-none u-btn-3"><!--blog_post_readmore_content--><!--options_json--><!--{"content":"","defaultValue":"Read More"}--><!--/options_json-->Read More<!--/blog_post_readmore_content--></a><!--/blog_post_readmore-->
|
---|
108 | </div>
|
---|
109 | </div><!--/blog_post--><!--blog_post-->
|
---|
110 | <!--/blog_post--><!--blog_post-->
|
---|
111 | <!--/blog_post-->
|
---|
112 | </div><!--/blog-->
|
---|
113 | </div>
|
---|
114 | </section>
|
---|
115 |
|
---|
116 |
|
---|
117 | <footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-9625"><div class="u-clearfix u-sheet u-sheet-1">
|
---|
118 | <p class="u-small-text u-text u-text-variant u-text-1">
|
---|
119 | <a class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-palette-1-base u-btn-1" href="https://develop.finki.ukim.mk/projects/kvizko">Kvizko<span style="font-size: 1.125rem;">
|
---|
120 | <span style="font-size: 1.25rem;"></span>
|
---|
121 | </span>
|
---|
122 | </a>
|
---|
123 | </p>
|
---|
124 | <p class="u-small-text u-text u-text-variant u-text-2">© All rights reserved<a href="https://nicepage.com">
|
---|
125 | <br>
|
---|
126 | </a>
|
---|
127 | </p>
|
---|
128 | </div></footer>
|
---|
129 | <section class="u-backlink u-clearfix u-grey-80">
|
---|
130 | <a class="u-link" href="https://nicepage.com/website-templates" target="_blank">
|
---|
131 | <span>Website Templates</span>
|
---|
132 | </a>
|
---|
133 | <p class="u-text">
|
---|
134 | <span>created with</span>
|
---|
135 | </p>
|
---|
136 | <a class="u-link" href="" target="_blank">
|
---|
137 | <span>Website Builder Software</span>
|
---|
138 | </a>.
|
---|
139 | </section>
|
---|
140 |
|
---|
141 | </body></html> |
---|