Making box using html and css [closed]

Discussão em 'Angular' iniciado por user9976805, Março 11, 2025.

  1. user9976805

    user9976805 Guest

    [![enter image description here][1]][1]

    Kindly made 2 rows shown in picture it will be helpful I wanna add Activity in 2nd row enter code here [1]: https://i.sstatic.net/M6sayc7p.jpg

    enter code here

    Today's Activity -10-07-2024 (Attendance Hours: 8hrs) Activity | Count | Status | Start Time | End Time | Total Time | Comments | Edit | Delete Drug curation update -->
    <div class="main-container">
    <div class="header-section">
    <div>Today's Activity - 10/12/2025 <i>arwegthjgm</i></div>
    <div>
    Toatl- activity : 0

    </div>

    <div>
    Toatl- Time : 00:00:00
    </div>
    <div>
    <button>Submit</button>
    </div>

    </div>

    <div>
    Recent
    </div>

    <div class="activity">
    <div class="activity-details">
    <div class="activity-heading">Activity Name</div>
    <div>Drug Curation</div>
    </div>

    <div class="activity-details">
    <div class="activity-heading">Count</div>
    <div>20</div>
    </div>

    <div class="activity-details">
    <div class="activity-heading">Status</div>
    <div> New</div>
    </div>

    <div class="activity-details">
    <div class="activity-heading">Start time</div>
    <div> ---</div>
    </div>

    <div class="activity-details">
    <div class="activity-heading">End time</div>
    <div> ---</div>
    </div>

    <div class="activity-details">
    <div class="activity-heading">Total Time</div>
    <div> ---</div>
    </div>

    <div class="activity-details">
    <div class="activity-heading">Comments</div>
    <div><i class="fa fa-address-book" style="font-size:24px"></i></div>
    </div>

    <div class="activity-details">
    <div class="activity-heading">Edit</div>
    <div> <i class="fa fa-eyedropper" style="font: size 40px; color:black"></i>
    </div></div>

    <div class="activity-details">
    <div class="activity-heading">Delete </div>
    <div> <i class="fa fa-paper-plane" style="font-size:20px;color:black"></i></div>
    </div>

    <div class="activity-details">
    <div class="activity-heading">Start time</div>
    <div> <i class="fa fa-toggle-on" style="font: size 40px;color:green"></i> <i class="fa fa-toggle-on" style="font: size 40px;color:grey ; margin-left: 10px;"></i></div>
    </div>
    <br>

    <div class="activity-2">
    <div class="activity-details-2">
    <div class="activity-heading">Activity Name</div>
    <div>Drug Curation</div>
    </div>
    </div>





    </div>

    Continue reading...
    user9976805, Março 11, 2025
    #1

Compartilhe esta Página