index.html
<!DOCTYPE html><htmllang="ja"><head><metacharset="utf-8"/><title>TECH::MASTER</title><linkrel="stylesheet"href="reset.css"><linkrel="stylesheet"href="style.css"/><linkhref="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"rel="stylesheet"/></head><body><headerclass="header"><divclass="container"><divclass="header_left"><aclass="header_logo"href="#"><imgclass="logo_img"alt="TECH::MASTER"src="./images/logo.svg"/></a></div><divclass="header_right"><ulclass="header_right_ul"><liclass="header_right_li">お困りの方はこちら
</li><liclass="header_right_li">カリキュラム変更
</li><liclass="header_right_li"><imgclass="profile_img"alt="プロフィール画像"src="./images/profile.jpg"></li></ul></div></div></header></body></html>style.css
body{font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans","ヒラギノ角ゴ Pro W3","HIragino Kaku Gothic Pro W3","HIragino Kaku Gothic Pro",Meryo,"メイリオ",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;font-weight:300;letter-spacing:0.1rem;}.header{margin:40px0;}.container{width:1170px;margin:0auto;display:flex;justify-content:space-between;}.logo_img{height:30px;}.header_right_ul{display:flex;}.header_right_li{font-size:12px;margin:015px;color:#333;line-height:40px;}.profile_img{height:36px;border-radius:50%;border:2pxsolid#eee;}
