saazan14.github.io/index.html at master · saazan14/saazan14.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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Sajan Subba | Software Developer</title>
    <!-- Font Awesome -->
    <link rel="stylesheet" href="font/fontawesome/css/fontawesome.css">
    <link rel="stylesheet" href="css/all.css">
    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- Material Design Bootstrap -->
    <link href="css/mdb.min.css" rel="stylesheet">
    <!-- Your custom styles (optional) -->
    <link href="css/style.css" rel="stylesheet">
    <link rel="icon" href="img/favicon.ico" type="image/ico" sizes="16x16">
</head>

<body>
    <div class="container">
        <!--header-->
        <header>
            <!--Navbar-->
            <nav class="navbar navbar-expand-lg navbar-dark primary">
                <!-- Navbar brand -->
                <h1><a class="navbar-brand text-uppercase" href=".">
                        <Sajan Subba>
                    </a></h1>
            </nav>
            <!--/.Navbar-->
        </header>

        <!--Main layout-->
        <main>
            <!--Grid row-->
            <div class="row">
                <div class="col-md-6 pb-3">
                    <img src="img/sajan_subba_2024.jpg" class="img-responsive img-thumbnail" style="width:220px;">
                </div>
                <div class="col-md-6 pb-3">
                    <div class="float-right mt-5">
                        <a href="https://www.linkedin.com/in/saazan14" target="_blank" alt="twitter"><i
                                class="fab fa-linkedin-in fa-2x" style="color: #0A66C2"></i></a>
                        <!-- <a href="https://api.whatsapp.com/send?phone=97333295027&text=Hello%20Sajan&source=&data=" target="_blank" alt="whatsapp"><i class="fab fa-whatsapp fa-2x"></i></a> -->
                    </div>
                    <h1>SAJAN SUBBA</h1>
                    <p><i class="fas fa-code"></i> <b> Full Stack Software Developer</b></p>
                    <hr class="mr-5">
                    <p class="intro"><i class="fa fa-mobile"> </i> +977-98626 56127 </p>
                    <p class="intro"> <i class="fas fa-envelope"></i> <a
                            href="mailto:info@sajansubba.com.np?Subject=Hello%20Sajan"
                            target="_top">info@sajansubba.com.np</a>
                    </p>
                    <p class="intro"><i class="fas fa-home"></i> Jhapa, Republic of Nepal</p>
                    <p class="intro"><i class="fas fa-blog"></i> <a href="https://sajansubba.com.np"
                            target="_self">sajansubba.com.np</a></p>
                    <hr />

                </div>

            </div>
            <!--Grid row-->
        </main>

        <!--Footer-->
        <footer class="page-footer text-center text-md-left font-medium unique-color pt-2">
            <!--Footer Links-->
            <div class="container text-center text-md-left">
                <div class="row mt-2">
                    <!--First column-->
                    <div class="col-md-4 mb-2">
                        <h1 class="text-uppercase"><a href="." style="text-decoration: none;">Sajan Subba</a> </h1>
                        <ul class="list-unstyled">
                            <li class="mt-4">
                                <a href="https://sajansubba.com.np/about">About</a>
                            </li class="mt-4">
                            <li>
                                <a href="https://sajansubba.com.np/resume">Resume</a>
                            </li>
                            <!-- <li>
                                <a href="https://saazan14.github.io/events/">Events</a>
                            </li> -->
                            <!-- <li>
                                <a href="https://saazan14.github.io/blog/">Blog</a>
                            </li> -->
                        </ul>
                    </div>
                    <!--/.First column-->

                    <!--Second column-->
                    <div class="col-md-4 mb-2">
                        <!-- <h5 class="text-uppercase">Sajan Subba</h5> -->
                    </div>
                    <!--/.Second column-->
                    <!--Third column-->
                    <div class="col-md-4 mb-2 text-center">
                        <!-- <h5 class="text-uppercase">Sajan Subba</h5> -->
                        <p><img class="frame" src="img/frame.png"></p>
                        <div>
                            <a href="https://www.linkedin.com/in/saazan14" target="_blank"><i
                                    class="fab fa-linkedin-in"> </i></a>
                            &nbsp;
                            <a href="https://github.com/saazan14" target="_blank"><i class="fab fa-github"> </i></a>
                            &nbsp;
                            <a href="https://kaggle.com/saazan14" target="_blank"><i class="fab fa-kaggle"> </i></a>
                        </div>

                    </div>
                    <!--/.Third column-->
                </div>
            </div>
            <!--/.Footer Links-->

            <!--Copyright-->
            <div class="footer-copyright pt-3 mb-4">
                <p class="text-center text-uppercase color-white">Copyright &copy; 2025:
                    <a href="https://saazan14.github.io"> Sajan Subba </a>
                </p>
            </div>
            <!--/.Copyright-->
        </footer>
    </div>
    <!-- /.container -->

    <!-- SCRIPTS -->
    <!-- JQuery -->
    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <!-- Bootstrap tooltips -->
    <script type="text/javascript" src="js/popper.min.js"></script>
    <!-- Bootstrap core JavaScript -->
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <!-- MDB core JavaScript -->
    <script type="text/javascript" src="js/mdb.min.js"></script>
</body>

</html>