beyhan/atahan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Beyhan Oğur
2026-04-26 22:04:35 +03:00
commit 763b147cc3
199 changed files with 29356 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

143
app/components/BlogArea.vue Normal file
View File

@@ -0,0 +1,143 @@
<script setup lang="ts">
</script>
<template>
<div class="blog-section" id="blog">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<div class="section-heading wow fadeInUp" data-wow-delay="0.2s">
<h2 class="title">
My <span class="color">Blogs</span>
<span class="bg-text">Blogs</span>
</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="blog-slider wow fadeInUp" data-wow-delay="0.3s">
<div class="slider-item">
<div class="single-blog">
<div class="img">
<img src="/assets/images/blog/img1.png" alt="">
</div>
<div class="content">
<ul class="top-meta">
<li>
<p class="date">
21 Aug, 2019
</p>
</li>
<li>
<p class="post-by">
By, Admin
</p>
</li>
</ul>
<a href="blog-details.html">
<h4 class="title">
5 reasons why your website
needs more whitespace
</h4>
</a>
</div>
</div>
</div>
<div class="slider-item">
<div class="single-blog">
<div class="img">
<img src="/assets/images/blog/img2.png" alt="">
</div>
<div class="content">
<ul class="top-meta">
<li>
<p class="date">
21 Aug, 2019
</p>
</li>
<li>
<p class="post-by">
By, Admin
</p>
</li>
</ul>
<a href="blog-details.html">
<h4 class="title">
7 steps to optimize your
website for Millennials
</h4>
</a>
</div>
</div>
</div>
<div class="slider-item">
<div class="single-blog">
<div class="img">
<img src="/assets/images/blog/img3.png" alt="">
</div>
<div class="content">
<ul class="top-meta">
<li>
<p class="date">
21 Aug, 2019
</p>
</li>
<li>
<p class="post-by">
By, Admin
</p>
</li>
</ul>
<a href="blog-details.html">
<h4 class="title">
8 Things To Know When Designing
Augmented
</h4>
</a>
</div>
</div>
</div>
<div class="slider-item">
<div class="single-blog">
<div class="img">
<img src="/assets/images/blog/img4.png" alt="">
</div>
<div class="content">
<ul class="top-meta">
<li>
<p class="date">
24 Aug, 2019
</p>
</li>
<li>
<p class="post-by">
By, Admin
</p>
</li>
</ul>
<a href="blog-details.html">
<h4 class="title">
3 reasons why your website
needs more whitespace
</h4>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12 text-center">
<a href="blogs.html" class="mybtn3 mybtn-bg wow fadeInUp"><span>View All</span></a>
</div>
</div>
</div>
</div>
</template>
<style scoped>
</style>