SavvyNik.github.io/courses.html at main · SavvyNik/SavvyNik.github.io · 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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="generator" content="Hugo 0.88.1">
    <link rel="icon" type="image/x-icon" href="favicon/favicon.ico">
    <title>SavvyNik</title>

    <!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="headers.css" rel="stylesheet">
  </head>
  <body>

<main>

  <style>
    .bd-placeholder-img {
      font-size: 1.125rem;
      text-anchor: middle;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
    }

    @media (min-width: 768px) {
      .bd-placeholder-img-lg {
        font-size: 3.5rem;
      }
    }

    .nav-link {
      color: black;
    }

    .logo {
      width: 40px;
      height: 40px;
    }

  </style>

  <h1 class="visually-hidden">Headers examples</h1>

  <div class="container">
    <header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
      <img class="logo" src="imgs/logo.png">
      <a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none px-3">
        <span class="fs-4">SavvyNik</span>
      </a>

      <ul class="nav nav-pills">
        <li class="nav-item"><a href="index.html" class="nav-link">Home</a></li>
        <li class="nav-item"><a href="videos.html" class="nav-link">Videos</a></li>
        <li class="nav-item"><a href="https://learn.savvynik.com" class="nav-link">Downloads</a></li>
        <li class="nav-item"><a href="index.html#youtube" class="nav-link">YouTube</a></li>
        <li class="nav-item"><a href="https://github.com/SavvyNik" class="nav-link">GitHub</a></li>
        <li class="nav-item"><a href="index.html#about" class="nav-link">About</a></li>
      </ul>
    </header>

    <div class="px-4 pt-5 my-5 text-center border-bottom" id="youtube">
      <h1 class="display-4 fw-bold">Courses are still under Construction.</h1>
      <div class="col-lg-6 mx-auto">
        <p class="lead mb-4">I'm working on providing new courses. They will include topics such as networking, programming, engineering, linux, and more.
          For the time being you can visit my YouTube channel for free videos about Linux, Programming, and Engineering. Stay tuned.
        </p>
        <div class="d-grid gap-2 d-sm-flex justify-content-sm-center mb-5">
          <a href="https://youtube.com/c/savvynik" target="_blank"><button type="button" class="btn btn-primary btn-lg px-4 me-sm-3">Go to YT!</button></a>
          <a href="#about" ><button type="button" class="btn btn-outline-secondary btn-lg px-4">Read More.</button></a>
        </div>
      </div>
      <div class="overflow-hidden" style="max-height: 30vh;">
        <div class="container px-5">
          <img src="imgs/screenshot.png" class="img-fluid border rounded-3 shadow-lg mb-4" alt="Example image" width="700" height="500" loading="lazy">
        </div>
      </div>
    </div>


  <div class="container">
      <p class="text-center text-muted">© 2023 SavvyNik</p>
    </footer>
  </div>
</main>


    <script src="js/bootstrap.bundle.min.js"></script>


  </body>
</html>