subhajit.github.io/index.html at master · subhajit/subhajit.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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!--
🅶🆁🅴🅴🆃🅸🅽🅶🆂 !

if (employer) {
    yes, I'm always looking for great opportunities;
}
else if (want_a_website) {
    ping me! lets discuss, how I can help you;
}
else if (female && single) {
    Sorry, I'm committed now :p;
}
else if (geek) {
    hi, I would love to be friends with like minded people;
    Message me, maybe we could help each other;
}
else {
    goto: subhajit.github.io/404;
}

__________________________________________________________________________________________

When I saw above greetings on 'akshaysaini.in/' site,
I also got the urge to do something awesome && crazy too!

I sincerely admit, Most of the UI & UX designs you see in this website has been inspired
or reproduced from other similar open source codes.
__________________________________________________________________________________________

No copyright issues.
Feel free to copy anything and everything from this website.
If you need any help, ping me!

Cheers,
Subhajit Bhattacharya.

Code starts below.
___________________________________________________________________________________________
-->

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="description" content="Single place to stay connected & updated about Subhajit Bhattacharya's work">
    <meta name="author" content="Subhajit Bhattacharya">
    <link rel="apple-touch-icon" sizes="180x180" href="./images/favicon_io/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="./images/favicon_io/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="./images/favicon_io/favicon-16x16.png">
    <link rel="manifest" href="./images/favicon_io/site.webmanifest">
    <link rel="icon" href="./images/favicon_io/favicon.ico" type="image/x-icon" />
    <title>SubhajitB | UI Developer</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" type="text/css" media="screen" href="./css/styles.css">
    <link href="https://fonts.googleapis.com/css?family=Ubuntu+Mono|Roboto+Condensed&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
        integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

</head>

<body>
    <div class="mainContainer">
        <div class="topContainer">
            <div class="aboutMe">
                <h3>Hola ! I'm Subhajit Bhattacharya,</h3>
                <h3>Currently I'm working on <a href="https://scrollfact.org/" target="_blank"
                        title="Opens web app in new tab">ScrollFact</a>, so as to provide un-baised News.</h3>
                <br>
                <h3>Graduated from <a href="https://www.pes.edu/" target="_blank"
                        title="Opens college's website">PESIT</a> with Electrical & Electronics as my Major,</h3>
                <h3>but lately in love with Desigining & Developing interative websites.</h3>
                <br>
                <h3>Check my projects, on my <a href="https://github.com/subhajit?tab=repositories"
                        target="_blank">GitHub</a> page.
                </h3>
                <h3>I'm presently trying to converse in Kannada @Bengaluru, India.</h3>
            </div>

            <figure>
                <img src="./images/subhajitB.png" alt="subhajit-image" title="some-where in Kerala, India" />
            </figure>

        </div>

        <div class="midContainer">
            <h3>I would love to connect with you on <a href="https://www.linkedin.com/in/hisubhajit"
                    target="_blank">LinkedIn</a> or you can <a href="https://twitter.com/hiSubhajit_"
                    target="_blank">#tweet</a> to me or reach out to me via <a
                    href="https://www.facebook.com/hiSubhajitB" target="_blank">Facebook</a>.
            </h3>
            <h3>You might want to read my blogs @ <a href="https://medium.com/@hiSubhajit" target="_blank">Medium</a>
                or want to check my <a href="https://www.youtube.com/channel/UC8NGE3hAuKFlZilgWNs_mXQ"
                    target="_blank">Youtube</a> channel.
            </h3>
            <br>
            <h3>If you want to work together, have an idea or simply want to say hello, then ping me! or tell me <a
                    href="https://bit.ly/msg_sb" title="Write to me" target="_blank">here</a>.
            </h3>
        </div>

        <footer class="footer">
            <div class="leftPart__footer">
                <strong>No <span>&copy;</span> copyright issues.</strong>
                <span>Feel free to copy. If you need any help, ping me !</span>
            </div>

            <div class="midPart__footer">
                <span>Designed & Developed by <a href="https://about.me/subhajitb/" title="About.me opens in new tab"
                        target="_blank">Subhajit</a> | Oct'19 </span>
            </div>

            <div class="rightPart__footer">
                <p>You can locate me on most Social Network's</p>
                <p>
                    <span>
                        <a href="https://www.linkedin.com/in/hisubhajit" title="Connect on LinkedIn" target="_blank"
                            class="fab fa-linkedin"> </a>
                    </span>
                    <span>
                        <a href="https://github.com/subhajit" title="Check my Repos on GitHub" target="_blank"
                            class="fab fa-github"> </a>
                    </span>
                    <span>
                        <a href="https://twitter.com/hiSubhajit_" title="#tweet me on Twitter" target="_blank"
                            class="fab fa-twitter"> </a>
                    </span>
                    <span>
                        <a href="https://medium.com/@hiSubhajit" title="Read my blogs on Medium" target="_blank"
                            class="fab fa-medium"> </a>
                    </span>
                    <span>
                        <a href="https://www.facebook.com/hiSubhajitB" title="Be friends on Facebook" target="_blank"
                            class="fab fa-facebook"> </a>
                    </span>
                    <span>
                        <a href="https://www.youtube.com/channel/UC8NGE3hAuKFlZilgWNs_mXQ" class="fab fa-youtube"
                            title="Check my videos on Youtube" target="_blank"></a>
                    </span>
                    <span>
                        <a href="https://www.instagram.com/hisubhajit/" title="Check photos on Instagram" target="_blank"
                            class="fab fa-instagram"></a>
                    </span>
                    <span>
                        <a href="https://soundcloud.com/hisubhajit" title="Listen along me on SoundCloud" target="_blank"
                            class="fab fa-soundcloud"></a>
                    </span>
                </p>
            </div>
        </footer>

    </div>

    <script src="./js/main.js"></script>
</body>

</html>