Untitled

<!DOCTYPE HTML>
<HTML lang ="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="./main.css">
</head>

<style>
body {background-color: pink;}

h1 { color:white;}

username{text-align:right-side; color:white;}

password{text-align:right-side; fixed:top; }

footer{text-align:center;}

nav a{
color:white;
front size: 30px;
}

h3 {color:white;}


</style>


<h1 style="color:blue;">Simple logo</h1>
<nav>
<fieldset>
<a href="home">Home</a>
  <a href="presentation">Presentation</a>
  <a href="videos">Videos</a>
  <a href="trainers">Trainers</a>
  <a href="contact">Contact</a>
  </fieldset>
  </nav>

 <label class="left">Username:</label>
  <input id="username" type="text">
  </br>
  <label for="password">Password:</label>
  <input id="password" type="text">
  </br>
  <input type="submit">


 <body>
 <section class="left">
<fieldset>
 <article>
 <h3>ПРИЯТЕЛСТВОТО. КАК ДА БЪДА ИСТИНСКИ ПРИЯТЕЛ. КАК ДА СЪЗДАВАМ ТАКИВА.</h3>
 Силата на истинското приятелство се състои в това да оказваш позитивно влияние в живота на останалите хора. )
 <p> публикувано от Веси Петрова на 15.01.2018г.</p>
 </article>
 </fieldset>
 <fieldset>
 <article>
 <h3>Копнеж за близки приятества</h3>
 Може би си се местил в друго училище; назначен на ново работно място; друг град или държава – бил си на място, където нито едно лице не ти е било познато.
 <p> публикувано от Веси Петрова 16.01.2018г.</p>
 </article>
 </fieldset>
 <fieldset>
  <article>
 <h3> СИЛАТА (ВЛИЯНИЕТО) НА ТЕМПЕРАМЕНТА	</h3>
 Някои от нас отиват на ново място и докато се огледат, вече са се запознали с поне десетима човека; , какво обичат да ядат и т.н.
 <p> публикувано от Веси Петрова 16.01.2018г.</p>
 </article>
 </fieldset>

 <section class = "rigth">
 <fieldset>
 <article>
 <h3>Видове приятества</h3>
 <article>
 <ol type="circle">
<li>Близки приятели</li>
<li>Сродни души</li>
<li>Познати</li>
</ol>
</article>
</fieldset>
<fieldset>
<article>
<h3>Екстроверт или интроверт</h3>
Друг аспект от нашата персоналност.
</article>
</fieldset>
<fieldset>
<article>
<h3>Добри приятели</h3>
Добрите приятели ги имаме от по-широкия кръг – кръга на познатите.
</article>
</fieldset>
</section>

<footer>
Telerik Software Academy
</footer>


</body>
</html>