<!DOCTYPE HTML>
<html>
<head>
<title>Complete order</title>
<link type="text/css" rel="stylesheet" href="css/stylesheet.css"/>
</head>
<body>
<div class="page-header">
<div class="company-info">
<p class="company-name"><span>PR</span>-<span>OJEK</span></p>
<p class="company-tagline">wushh.. wush.. wush.. ngeeeeng...</p>
</div>
<div class="user-info">
<p class="user-name">Hi, <span>pikapikapikachu</span> !</p>
<p class="logout">Logout</p></div>
</div>
<div class="container">
<div class="header-box">ORDER</div>
<div class="header-box">HISTORY</div>
<div class="header-box">MY PROFILE </div>
</div>
<h1>MAKE AN ORDER</h1>
<div class="step-container">
<div class="step-box">
<div class="round-num">1</div>
<p>Select Destination</p>
</div>
<div class="step-box">
<div class="round-num">2</div>
<p>Select a Driver</p>
</div>
<div class="step-box">
<div class="round-num">3</div>
<p>Complete your order</p>
</div>
</div>
<h2>HOW WAS IT?</h2>
<div class="driver-container">
<img class="driver-pic" src="img/rattata.png"/>
<p class="driver-username">@bombarattata</p>
<p class="driver-fullname">Bomba-rattata Ttatatatta</p>
<div class="rating-container">
<div class="rating"></div>
<div class="rating"></div>
<div class="rating"></div>
<div class="rating"></div>
<div class="rating"></div>
</div>
<textarea placeholder="Your comment..."></textarea>>
</div>
<div class="compl-button">COMPLETE ORDER</div>
</body>
</html>