Untitled

kood ilma bootstrapita

<!DOCTYPE html>
<html>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="styles.css">
<head>
<title>Grand language exchange</title>
</head>
<body>
<div class="body-wrapper">
<div class="logo">
	<img src="https://www.gfwcofmn.org/wp-content/uploads/2016/04/cropped-mississippi-headwaters-1200x250-logo.png" alt="Meie logo">
</div>
<div class="topnav">
  <a class="active" href="">Avaleht</a>
  <a href="">Messenger</a>
  <a href="">Search</a>
  <a href="">Minu profiil</a>
  <a class="logout" href="">Logi Välja</a>
</div>
<br>
<div class="mainback">
	<div class=
  <h2 class="alignment">Tere tulemast oma profiilile *Kasutajanimi*</h2>
  <br>
  <image id="profileImage" src="http://www.athensparent.com/images/medium300x250.gif"/>
  <div id="pData">
  	<p>Sinu nimi: Andrus <input class="col-75" id="name" type="text" name="fname" value="" placeholder="Sinu uus nimi"></input></p>
  	<p>Vanus: 29 <input class="col-75" id="Age" type="text" name="age" value="" placeholder="Sinu uus vanus"></input></p>
  	<p>Keeled:Eesti, Inglise <input class="col-75" id="language" type="text" name="lang" value="" placeholder="Sinu uus keel"></input></p>
  	<p>Õpitavad keeled: Saksa, Hispaania<input class="col-75" id="lLanguage" type="text" name="llang" value="" placeholder="Sinu uus opitav keel"></input></p>
  	<p>Huvid:Kalastamine <input class="col-75" id="intrest" type="text" name="intrests" value="" placeholder="Sinu uus huvi"></input></p>
  	<input class="submitbutton" type="submit" value="Salvesta uued andmed">
  </div>
	<br>
  <input id="imageUpload" type="file" name="profile_photo" placeholder="Photo" required="" capture>
  <br>
  <br><br><br><br><br>
 <div class=friendList>
 	<p>Sõbrakutsed</p>
 </div>
 <br><br><br><br>
 <div class=friends>
 	<p class="names">Karl lppkokpojionohffdawsedrftgyhujikolpöüokijuhygtfrdeswaqwsedrftgyhujkMatti</p>


 </div>
 <div class="bio">
 <h4>Siia võid kirjutada enda kohta mingi biography</h4>
 <textarea rows="5" cols="70"></textarea>
<br>
<textarea rows="5" cols="70" placeholder="Siia void kirjutada enda kohta uue biography, mis pärast kuvatakse üleval"></textarea>
<input class="submit_2" type="submit" value="Uuenda Biot">
</div>
 <br><br>


</div>


</body>
</html>