mmssajith.github.io/index.html at main · mmssajith/mmssajith.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
<!doctype html>
<html lang="en" class="h-100">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.88.1">
    <link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />
    <!-- Font Awesome icons (free version)-->
    <script src="https://use.fontawesome.com/releases/v5.15.4/js/all.js" crossorigin="anonymous"></script>
    <!-- Google fonts-->
    <link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700" rel="stylesheet" type="text/css" />
    <link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet" type="text/css" />

    <title>Mohamed Sajith - Home</title>

    <link rel="canonical" href="https://getbootstrap.com/docs/5.1/examples/cover/">


    <!-- Bootstrap core CSS -->
<link href="../assets/dist/css/bootstrap.min.css" rel="stylesheet">

    <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;
        }
      }
    </style>


    <!-- Custom styles for this template -->
    <link href="./css/cover.css" rel="stylesheet">
  </head>
  <body class="d-flex h-100 text-center text-white bg-dark">

    <div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
        <header class="mb-auto">
            <div>
            <h3 class="float-md-start mb-0">Mohamed Sajith</h3>
            <nav class="nav nav-masthead justify-content-center float-md-end">
                <a class="nav-link active" aria-current="page" href="#">Home</a>
                <a class="nav-link" href="./about/about.html">About Me</a>
                <a class="nav-link" href="./works/works.html">Works</a>
                <a class="nav-link" href="./blog/blog.html">Blogs</a>
                <a class="nav-link" href="./contact/contact.html">Contact</a>
            </nav>
            </div>
        </header>

        <main class="px-3">
            <h1>Mohamed Sajith</h1>
            <p class="lead">Welcome to my portfolio page. Here you can view works I have previously done and you can get some idea about what kind of services I can provide.</p>
            <p class="lead">
              <img class="img-fluid rounded-circle mx-auto mb-2" src="../assets/img/profile.jpg" alt="..." style="width: 40%;"/>
            </p>

        </main>

        <footer class="mt-auto text-white-50">
          <div class="social-icons">
            <a class="social-icon" href="https://linkedin.com/in/mmssajith" target="_blank"><i
                    class="fab fa-linkedin-in"></i></a>
            <a class="social-icon" href="https://github.com/mmssajith" target="_blank"><i
                    class="fab fa-github"></i></a>
            <a class="social-icon" href="https://twitter.com/mmssajith" target="_blank"><i
                    class="fab fa-twitter"></i></a>
            <a class="social-icon" href="https://www.facebook.com/mohamed.sajith.90813236" target="_blank"><i
                    class="fab fa-facebook-f"></i></a>
        </div>
        </footer>
    </div>
  </body>
</html>