MyBlog/headerPost.php at master · AdriaCara/MyBlog · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

    <link rel="apple-touch-icon" href="/docs/5.1/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
    <link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
    <link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">

    <title>My Blog</title>
</head>

<body style="background-color: #180F29;">

    <!-- Navbar -->
    <div class="container">
      <header class="blog-header py-3 justify-content-between">
        <div class="row flex-nowrap">
          <div class="col-4">
            <a class="blog-header-logo text-dark" href="index.html"><img class="d-block border border-3 border-white" src="./logos/Logo.png" width="30%"></a>
          </div>
          <div class="col-4 text-center" style="margin-top: 4%;">
            <a class="blog-header-logo text-white" href="./index.html" style="font-size: 150%;">El blog de Adrià Cara</a>
          </div>
        </div>
      </header>

      <div class="nav-scroller py-1 mb-2">
        <nav class="nav d-flex justify-content-between">
          <a class="p-2 link-light" href="./MyCodePassion.php">Mi pasion por la programación</a>
          <a class="p-2 link-light" href="./charity.php">Caridad</a>
          <a class="p-2 link-light" href=""></a>
          <a class="p-2 link-light" href=""></a>
          <a class="p-2 link-secondary" href="#"></a>
          <a class="p-2 link-secondary" href="#"></a>
          <a class="p-2 link-secondary" href="#"></a>
          <a class="p-2 link-secondary" href="#"></a>
          <a class="p-2 link-secondary" href="#"></a>
          <a class="p-2 link-secondary" href="#"></a>
          <a class="p-2 link-secondary" href="#"></a>
          <a class="p-2 link-secondary" href="#"></a>
        </nav>
      </div>
    </div>