Gcobani Mkontwana

Gcobani Mkontwana

  • 1k
  • 1.5k
  • 223.2k

DashboardCard with header, menu button, text and image folder

Aug 15 2020 3:51 AM
Hi Team
 
I am struggling to create my dashboardcard that will have image folder, menu buttons, text. I have tried to do this on my logic.. The design looks something like this;
  1. <center>    
  2.         <div class="ic-Dashboard-header_layout">    
  3.             <h1 class="ic-Dashboard-header_title">    
  4.                 <span class="hidden-phone">Dashboard</span>    
  5.             </h1>    
  6.             <!---Some extra button here-->  
  7.         </div>  
  8.         <!--Dashboard card here-->  
  9.         <div class="main">  
  10.             <!--cards -->  
  11.             <div class="card">  
  12.                 <div class="image">    
  13.                     <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/85/Gfp-missouri-st-louis-clubhouse-pond-and-scenery.jpg/1199px-Gfp-missouri-st-louis-clubhouse-pond-and-scenery.jpg">    
  14.                 </div>    
  15.                 <div class="title">    
  16.                     <h1>    
  17.                         Write title Here    
  18.                     </h1>    
  19.                 </div>    
  20.                 <div class="des">    
  21.                     <p>You can Add Desccription Here...</p>    
  22.                     <button>Read More...</button>    
  23.                 </div>    
  24.             </div>    
  25.             </div>    
  26.             <!--cards -->    
  27.             <!--Content page header-->  
  28.             <section class="content-header-fluid">    
  29.             </section>    
  30. </center>  
 

Answers (4)