app-gift/app-angular/src/modules/lesson/home/home.component.html

<div class="page-content">
    <div class="search-area">
      <div class="left-component">
        <select [(ngModel)]="selectedOption">
          <option value="frontend">大前端</option>
          <option value="backend">后端开发</option>
          <option value="mobile">移动开发</option>
        </select>
      </div>
      <div class="right-component">
        <input type="text" placeholder="搜索课程/技术">
      </div>
    </div>
    <div class="quick-links">
      <div class="row">
        <div class="col">
          <div class="quick-link-item">
            <img src="icon1.png" alt="Icon 1">
            <span>链接1</span>
          </div>
        </div>
        <div class="col">
          <div class="quick-link-item">
            <img src="icon2.png" alt="Icon 2">
            <span>链接2</span>
          </div>
        </div>
        <!-- 添加更多的列 -->
      </div>
      <!-- 添加更多的行 -->
    </div>
    <div class="course-area">
      <div class="filter-tags">
        <!-- 添加筛选标签 -->
      </div>
      <div class="course-list">
        <!-- 添加课程列表 -->
      </div>
    </div>
  </div>