১৮-৩ : ফুটার ডিজাইন

এই মডিউলে হসপিটাল ম্যানেজমেন্ট সিস্টেমের ফুটার ডিজাইন করব।

ফুটার এর জন্য HTML লিখি-

Code:: 18.3.1 index.html

...
...
...

<!-- Reviews -->


...
...
...

<footer class="p-5">
      <div class="container w-75 m-auto row p-5">
        <div class="col-md-6">
          <p><small>Copyright © Smartcare. All Rights Reserved</small></p>
          <h5>Follow US</h5>
          <div class="icons">
            <img class="icon" src="./Images/LinkedIn.png" alt="" />
            <img class="icon" src="./Images/YouTube.png" alt="" />
            <img class="icon" src="./Images/LinkedIn.png" alt="" />
          </div>
        </div>
        <div class="col-md-3">
          <h5>Company</h5>
          <li>ABout</li>
          <li>Contact us</li>
          <li>Culture</li>
          <li>Blog</li>
        </div>
        <div class="col-md-3">
          <h5>Company</h5>
          <li>ABout</li>
          <li>Contact us</li>
          <li>Culture</li>
          <li>Blog</li>
        </div>
      </div>
      <hr />
      <p class="text-center mt-3">
        <small>Copyright © Smartcare. All Rights Reserved</small>
      </p>
</footer>

...
...
...

ফুটার এর জন্য CSS লিখি-

Code:: 18.3.2 style.css

...
...
...


footer{
    padding: 50px;
 background: linear-gradient(66deg, #1CA8C7 -5.25%, #439FA5 46.76%, #4C7D8C 98.77%);;
}

ব্রাউজারে ফুটারটী দেখে নিই -

.