106 lines
4.1 KiB
Vue
106 lines
4.1 KiB
Vue
<template>
|
|
<section class="blog-popular">
|
|
<h3>Popular content</h3>
|
|
<ul class="popular-items">
|
|
<li>
|
|
<span class="arrow"
|
|
><svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="20"
|
|
height="20"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
>
|
|
<line x1="5" y1="12" x2="19" y2="12"></line>
|
|
<polyline points="12 5 19 12 12 19"></polyline></svg
|
|
></span>
|
|
<a class="link" href="#"
|
|
>Lorem ipsum dolor sit, amet consectetur adipisicing.</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<span class="arrow"
|
|
><svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="20"
|
|
height="20"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
>
|
|
<line x1="5" y1="12" x2="19" y2="12"></line>
|
|
<polyline points="12 5 19 12 12 19"></polyline></svg
|
|
></span>
|
|
<a class="link" href="#">Lorem ipsum dolor sit.</a>
|
|
</li>
|
|
<li>
|
|
<span class="arrow"
|
|
><svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="20"
|
|
height="20"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
>
|
|
<line x1="5" y1="12" x2="19" y2="12"></line>
|
|
<polyline points="12 5 19 12 12 19"></polyline></svg
|
|
></span>
|
|
<a class="link" href="#"
|
|
>Lorem ipsum dolor sit, amet consectetur adipisicing.</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<span class="arrow"
|
|
><svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="20"
|
|
height="20"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
>
|
|
<line x1="5" y1="12" x2="19" y2="12"></line>
|
|
<polyline points="12 5 19 12 12 19"></polyline></svg
|
|
></span>
|
|
<a class="link" href="#"
|
|
>Lorem ipsum dolor sit, amet consectetur adipisicing.</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<span class="arrow"
|
|
><svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="20"
|
|
height="20"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
>
|
|
<line x1="5" y1="12" x2="19" y2="12"></line>
|
|
<polyline points="12 5 19 12 12 19"></polyline></svg
|
|
></span>
|
|
<a class="link" href="#"
|
|
>Lorem ipsum dolor sit, amet consectetur adipisicing.</a
|
|
>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
</template>
|