43 lines
1.4 KiB
HTML
43 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>Kate's Linux Odyssey: A Journey Through Technology</title>
|
|
<meta name="viewport" content="width=device-width,
|
|
initial-scale=1!">
|
|
<link rel="stylesheet" href="https://cdnjs.
|
|
cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
</body>
|
|
|
|
|
|
<header>
|
|
<nav class="navbar">
|
|
<div class="container">
|
|
<a href="index.html" class="navbar-brand">Kate's Linux Odyssey</a>
|
|
<div class="navbar-nav">
|
|
<a href="#">home</a>
|
|
<a href="#">content</a>
|
|
<a href="#">blog</a>
|
|
<a href="#">about me</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div class = "banner">
|
|
<div class = "container">
|
|
<h1 class="banner-title">
|
|
<span>My.</span> Blog
|
|
</h1>
|
|
<p> Big journey of a little girl through life and technology</p>
|
|
<form>
|
|
<input type= "text" class="search-input" placeholder="Search . . .">
|
|
<button type ="submit" class = "search-btn">
|
|
<i class = "fas fa-search"></i>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</header>
|
|
</body>
|
|
</html> |