<ul class="nav1"> <li class="nav-item1"> <a class="nav-link active" href="#">Active</a> </li> <li class="nav-item1"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item1"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item1"> <a class="nav-link disabled" href="#">Disabled</a> </li> </ul>
<ul class="nav1 flex-column"> <li class="nav-item1"> <a class="nav-link active" href="#">Active</a> </li> <li class="nav-item1"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item1"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item1"> <a class="nav-link disabled" href="#">Disabled</a> </li> </ul>
<ul class="nav nav-pills"> <li class="nav-item m-2"> <a class="nav-link active" href="#">Active</a> </li> <li class="nav-item dropdown m-2"> <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a> <div class="dropdown-menu"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#">Separated link</a> </div> </li> <li class="nav-item m-2"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item m-2"> <a class="nav-link disabled" href="#">Disabled</a> </li> </ul>
<ul class="nav nav-pills nav-fill flex-column flex-sm-row" id="tabs-text" role="tablist"> <li class="nav-item"> <a class="nav-link mt-2 m-lg-0 border p-3" id="tabs-text-1-tab" data-toggle="tab" href="#tabs-text-1" role="tab" aria-selected="false">UI/UX Design</a> </li> <li class="nav-item"> <a class="nav-link mt-2 m-lg-0 border p-3" id="tabs-text-2-tab" data-toggle="tab" href="#tabs-text-2" role="tab" aria-selected="false">Programming</a> </li> <li class="nav-item"> <a class="nav-link mt-2 m-lg-0 border active show p-3" id="tabs-text-3-tab" data-toggle="tab" href="#tabs-text-3" role="tab" aria-selected="true">Graphic</a> </li> <li class="nav-item"> <a class="nav-link mt-2 m-lg-0 border p-3" id="tabs-text-4-tab" data-toggle="tab" href="#tabs-text-4" role="tab" aria-selected="false">Developing</a> </li> <li class="nav-item"> <a class="nav-link mt-2 m-lg-0 border p-3" id="tabs-text-5-tab" data-toggle="tab" href="#tabs-text-5" role="tab" aria-selected="false">Photoshop</a> </li> </ul>
<ul class="nav nav-pills nav-pills-circle" id="tabs-3" role="tablist"> <li class="nav-item"> <a class="nav-link border p-3 m-2" id="tab31" data-toggle="tab" href="#tabs31" role="tab" aria-selected="false"> <span class="nav-link-icon d-block"><i class="fe fe-home"></i> Home</span> </a> </li> <li class="nav-item"> <a class="nav-link border p-3 m-2" id="tab32" data-toggle="tab" href="#tabs32" role="tab" aria-selected="false"> <span class="nav-link-icon d-block"><i class="fe fe-unlock"></i> Lock </span> </a> </li> <li class="nav-item"> <a class="nav-link p-3 border active show m-2" id="tab33" data-toggle="tab" href="#tabs33" role="tab" aria-selected="true"> <span class="nav-link-icon d-block"><i class="fe fe-play"></i> Videos</span> </a> </li> <li class="nav-item"> <a class="nav-link border p-3 m-2" id="tab34" data-toggle="tab" href="#tabs34" role="tab" aria-selected="false"> <span class="nav-link-icon d-block"><i class="fe fe-layers"></i> Severs</span> </a> </li> <li class="nav-item"> <a class="nav-link border p-3 m-2" id="tab35" data-toggle="tab" href="#tabs35" role="tab" aria-selected="false"> <span class="nav-link-icon d-block"><i class="fe fe-image"></i> Gallery </span> </a> </li> </ul>
<ul class="nav nav-pills nav-pills-circle" id="tabs-2" role="tablist"> <li class="nav-item"> <a class="nav-link border w-8 h-8 text-center br-100 m-2" id="tab21" data-toggle="tab" href="#tabs21" role="tab" aria-controls="tab21" aria-selected="false"> <span class="nav-link-icon d-block text-center mx-auto"><i class="fe fe-home"></i></span> </a> </li> <li class="nav-item"> <a class="nav-link border w-8 h-8 br-100 m-2" id="tab22" data-toggle="tab" href="#tabs22" role="tab" aria-controls="tab22" aria-selected="false"> <span class="nav-link-icon d-block text-center mx-auto"><i class="fe fe-unlock"></i></span> </a> </li> <li class="nav-item"> <a class="nav-link border active show w-8 h-8 br-100 m-2" id="tab23" data-toggle="tab" href="#tabs23" role="tab" aria-controls="tab23" aria-selected="true"> <span class="nav-link-icon d-block text-center mx-auto"><i class="fe fe-play"></i></span> </a> </li> <li class="nav-item"> <a class="nav-link border w-8 h-8 br-100 m-2" id="tab24" data-toggle="tab" href="#tabs23" role="tab" aria-controls="tab24" aria-selected="false"> <span class="nav-link-icon d-block text-center mx-auto"><i class="fe fe-layers"></i></span> </a> </li> <li class="nav-item"> <a class="nav-link border w-8 h-8 br-100 m-2" id="tab25" data-toggle="tab" href="#tabs24" role="tab" aria-controls="tab25" aria-selected="false"> <span class="nav-link-icon d-block text-center mx-auto"><i class="fe fe-image"></i> </span> </a> </li> </ul>
<ul class="nav1 bg-primary"> <li class="nav-item1"> <a class="nav-link text-white active" href="#">Active</a> </li> <li class="nav-item1"> <a class="nav-link text-white" href="#">Link</a> </li> <li class="nav-item1"> <a class="nav-link text-white" href="#">Link</a> </li> <li class="nav-item1"> <a class="nav-link disabled text-white-50" href="#">Disabled</a> </li> </ul> <ul class="nav1 bg-info mt-4"> <li class="nav-item1"> <a class="nav-link text-white active" href="#">Active</a> </li> <li class="nav-item1"> <a class="nav-link text-white" href="#">Link</a> </li> <li class="nav-item1"> <a class="nav-link text-white" href="#">Link</a> </li> <li class="nav-item1"> <a class="nav-link disabled text-white-50" href="#">Disabled</a> </li> </ul> <ul class="nav1 bg-success mt-4"> <li class="nav-item1"> <a class="nav-link text-white active" href="#">Active</a> </li> <li class="nav-item1"> <a class="nav-link text-white" href="#">Link</a> </li> <li class="nav-item1"> <a class="nav-link text-white" href="#">Link</a> </li> <li class="nav-item1"> <a class="nav-link disabled text-white-50" href="#">Disabled</a> </li> </ul> <ul class="nav1 bg-danger mt-4"> <li class="nav-item1"> <a class="nav-link text-white active" href="#">Active</a> </li> <li class="nav-item1"> <a class="nav-link text-white" href="#">Link</a> </li> <li class="nav-item1"> <a class="nav-link text-white" href="#">Link</a> </li> <li class="nav-item1"> <a class="nav-link disabled text-white-50" href="#">Disabled</a> </li> </ul> <ul class="nav1 bg-secondary mt-4"> <li class="nav-item1"> <a class="nav-link text-white active" href="#">Active</a> </li> <li class="nav-item1"> <a class="nav-link text-white" href="#">Link</a> </li> <li class="nav-item1"> <a class="nav-link text-white" href="#">Link</a> </li> <li class="nav-item1"> <a class="nav-link disabled text-white-50" href="#">Disabled</a> </li> </ul> <ul class="nav1 bg-yellow mt-4"> <li class="nav-item1"> <a class="nav-link text-white active" href="#">Active</a> </li> <li class="nav-item1"> <a class="nav-link text-white" href="#">Link</a> </li> <li class="nav-item1"> <a class="nav-link text-white" href="#">Link</a> </li> <li class="nav-item1"> <a class="nav-link disabled text-white-50" href="#">Disabled</a> </li> </ul>
New Websites is Created
Prepare For the Next Project
Decide the live Discussion Time
Team Review meeting at yesterday at 3:00 pm
Prepare for Presentation
