import React, { useState } from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import './iconfont/iconfont.css'
let head = (
  <div className='app'>
   <header>
     <div className='head_fl'>
       <ul>
         <li className='head_li'><a href='#'>首页</a></li>
         <li className='head_li'><a href='#'>实践课程</a></li>
         <li className='head_li'><a href='#'>实践项目</a></li>
         <li className='head_li'><a href='#'>教学课堂</a></li>
         <li className='head_li'><a href='#'>在线竞赛</a></li>
         <li className='head_li'><a href='#'>教学案例</a></li>
         <li className='head_li'><a href='#'>交流问答</a></li>
         <li className='head_li'><a href='#'>大学开源</a></li>
         <li className='head_li'><a href='#'>工程认证</a></li>
       </ul>
     </div>
     <div className='head_fr'>
       <ul>
         <li className='head_lis'><i  className='iconfont icon-sousuo1'></i></li>
         <li className='head_lis'><i  className='iconfont icon-tianjia'></i></li>
         <li className='head_lis'><i  className='iconfont icon-xiaoxi'></i></li>
         <li className='head_lis'><i  className='iconfont icon-touxiang'></i></li>
       </ul>
     </div>
   </header>
   <div className='box1'>
     <div className='boxOne'>
       <ul>
         <li><a href='#' className='boxTwo'>程序语言设计 <sapn style={{textAline:'right'}}>{'>'}</sapn></a></li>
         <li><a href='#' className='boxTwo'>计算机基础</a></li>
         <li><a href='#' className='boxTwo'>计算机系统能力</a></li>
         <li><a href='#' className='boxTwo'>云计算与大数据</a></li>
         <li><a href='#' className='boxTwo'>人工智能</a></li>
         <li><a href='#' className='boxTwo'>软件工程</a></li>
         <li><a href='#' className='boxTwo'>Web开发</a></li>
         <li><a href='#' className='boxTwo'>更多</a></li>
       </ul>
     </div>
   </div>
   <div>
     <img src='https://ali-cdn.educoder.net/images/avatars/PortalImage/89?t=1640671464' ></img>
   </div>
  </div>
)
ReactDOM.render(head,document.getElementById('root'));