<script setup lang="ts">

</script>

<template>
  <div class="sidebar-img-box-all text-center">
    <div class="sidebar-img">
      <img src="/assets/img/image/sidebar-box-img.png" alt="">
    </div>
    <div class="sidebar-box-hadding">
      <div class="space16"></div>
      <h4><a href="#" class="font-f-2 font-20 line-height-20 weight-500 font-w">Alex Blake</a></h4>
      <div class="space24"></div>
      <p class="font-f-2 font-16 line-height-26 weight-400 font-w">When it comes to business, listen to
        Henry David Thoreau: things usually don’t happen overnight – instead, to find success takes a lot of
        time, effort, and courage. Opus includes everything you need to build a beautiful website.</p>
    </div>
    <div class="details-side-box-icon">
      <div class="space24"></div>
      <ul>
        <li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
        <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
        <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
      </ul>
    </div>
  </div>
</template>

<style scoped>

</style>