BinukaDs.github.io/index.html at main · BinukaDs/BinukaDs.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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="/dist/output.css" rel="stylesheet" />

    <link
      rel="stylesheet"
      href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
      integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p"
      crossorigin="anonymous"
    />

    <!-- Fonts-->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Sen&display=swap"
      rel="stylesheet"
    />
    <script src="https://kit.fontawesome.com/8af16b3206.js" crossorigin="anonymous"></script>
    <!--Meta Data-->

    <title>@BinukaDs-Links</title>
    <meta name="title" content="@BinukaDs-Links" />
    <meta
      name="description"
      content="16yrs old Sri Lankan Student web dev, <br>having over 3+ years of experience With Programming.🙂
"
    />

    <link rel="apple-touch-icon" href="Assets/Images/avatar.webp" />
    <link rel="icon" href="Assets/Images/avatar.webp" />

    <!--Keywords-->
    <meta
      name="keywords"
      content="Binuka Dasunpriya,BinukaDs,Binuka,web developer,web development,BinukaDs github,BinukaDs website,Web design, Website templates,R/sri buddha Jayanthi central college,Circuito' 21 2nd place,Circuito' 21"
    />

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=G-2Y7VN63B78"
    ></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag("js", new Date());

      gtag("config", "G-2Y7VN63B78");
    </script>
  </head>
  <body class="bg-bg">
    <div
      class="container mx-auto mt-5 self-center justify-center place-items-center"
    >
      <img
        src="/Assets/Images/avatar.webp"
        class="rounded-full mx-auto justify-center mb-5"
        width="100px"
        alt="Binuka Dasunpriya"
      />
      <h1 class="text-white text-center font-semibold text-xl mt-5">
        Binuka Dasunpriya (BinukaDs)
      </h1>
      <p class="lead-text text-center text-highlight mt-3 font-semibold">
        16 years old Sri Lankan student web dev
      </p>
    </div>

    <section class="links">
      <div
        class="container mx-auto mt-5 self-center justify-center place-items-center"
      >
        <a href="https://www.binukads.me" target="_blank">
          <div
            class="p-4 mb-5 w-md mx-auto bg-bgColor text-center rounded-xl hover:ring outline-none hover:ring-highlight transition active:bg-gray-600 link"
          >
          <i class="fas fa-link text-white text-lg" id="icons"></i>

            <p class="inline-block text-white font-semibold align-middle">
              Main Website
            </p>
          </div></a
        >

        <a href="https://github.com/BinukaDs" target="_blank">
          <div
            class="p-4 mb-5 w-md mx-auto bg-bgColor text-center rounded-xl hover:ring outline-none hover:ring-highlight transition active:bg-gray-600 link"
          >
          <i class="fab fab fa-github text-white text-xl align-middle" id="icons"></i>
          <p class="inline-block text-white font-semibold align-middle">GitHub</p>
          </div></a
        >

        <a href="https://www.linkedin.com/in/binukadasunpriya/" target="_blank">
          <div
            class="p-4 mb-5 w-md mx-auto bg-bgColor text-center rounded-xl hover:ring outline-none hover:ring-highlight transition active:bg-gray-600 link"
          >
          <i class="fab fab fa-linkedin text-white text-xl align-middle" id="icons"></i>
          <p class="inline-block text-white font-semibold align-middle">Linkedin</p>
          </div></a
        >

        <a href="https://bit.ly/BinukaDs" target="_blank">
          <div
            class="p-4 mb-5 w-md mx-auto bg-bgColor text-center rounded-xl hover:ring outline-none hover:ring-highlight transition active:bg-gray-600 link"
          >
          <i class="fab fab fa-google text-white text-xl align-middle" id="icons"></i>
          <p class="inline-block text-white font-semibold align-middle">Google</p>
          </div></a
        >


        <a href="https://twitter.com/Binuka_Ds" target="_blank">
          <div
            class="p-4 mb-5 w-md mx-auto bg-bgColor text-center rounded-xl hover:ring outline-none hover:ring-highlight transition active:bg-gray-600 link"
          >
          <i class="fab fab fa-twitter text-white text-xl align-middle" id="icons"></i>
          <p class="inline-block text-white font-semibold align-middle">Twitter</p>
          </div></a
        >

        <a href="https://www.instagram.com/binukads/" target="_blank">
          <div
            class="p-4 mb-5 w-md mx-auto bg-bgColor text-center rounded-xl hover:ring outline-none hover:ring-highlight transition active:bg-gray-600 link"
          >
          <i class="fab fab fa-instagram text-white text-xl align-middle" id="icons"></i>
          <p class="inline-block text-white font-semibold align-middle">Instagram</p>
          </div></a
        >

        <a href="https://www.facebook.com/binukads/" target="_blank">
          <div
            class="p-4 mb-5 w-md mx-auto bg-bgColor text-center rounded-xl hover:ring outline-none hover:ring-highlight transition active:bg-gray-600 link"
          >
          <i class="fab fab fa-facebook text-white text-xl align-middle" id="icons"></i>
          <p class="inline-block text-white font-semibold align-middle">Facebook</p>
          </div></a
        >


        <a href="https://discord.com/users/871797700595687544" target="_blank">
          <div
            class="p-4 mb-5 w-md mx-auto bg-bgColor text-center rounded-xl hover:ring outline-none hover:ring-highlight transition active:bg-gray-600 link"
          >
          <i class="fab fab fa-discord text-white text-xl align-middle" id="icons"></i>
          <p class="inline-block text-white font-semibold align-middle">Discord</p>
          </div></a
        >

        <a href="mailto:hello@binukads.me" target="_blank">
          <div
            class="p-4 mb-5 w-md mx-auto bg-bgColor text-center rounded-xl hover:ring outline-none hover:ring-highlight transition active:bg-gray-600 link"
          >
          <i class="fab fas fa-mail-bulk text-white text-xl align-middle" id="icons"></i>
          <p class="inline-block text-white font-semibold align-middle">Email</p>
          </div></a
        >


        <a href="https://web.whatsapp.com/send?phone=94707221740" target="_blank">
          <div
            class="p-4 hidden md:block mb-5 w-md mx-auto bg-bgColor text-center rounded-xl hover:ring outline-none hover:ring-highlight transition active:bg-gray-600 link"
          >
          <i class="fab fab fa-whatsapp text-white text-xl align-middle" id="icons"></i>
          <p class="inline-block text-white font-semibold align-middle">WhatsApp</p>
          </div></a
        >


        <a href="https://wa.me/94707221740" target="_blank">
          <div
            class="p-4 block md:hidden mb-5 w-md mx-auto bg-bgColor text-center rounded-xl hover:ring outline-none hover:ring-highlight transition active:bg-gray-600 link"
          >
          <i class="fab fab fa-whatsapp text-white text-xl align-middle" id="icons"></i>
          <p class="inline-block text-white font-semibold align-middle">WhatsApp</p>
          </div></a
        >


        <a href="https://t.me/BinukaDS" target="_blank">
          <div
            class="p-4 mb-5 w-md mx-auto bg-bgColor text-center rounded-xl hover:ring outline-none hover:ring-highlight transition active:bg-gray-600 link"
          >
          <i class="fab fab fa-telegram text-white text-xl align-middle" id="icons"></i>
          <p class="inline-block text-white font-semibold align-middle">Telegram</p>
          </div></a
        >


      </div>
    </section>
    <footer>
      <h5 class="footer-text text-white text-center transition font-semibold hover:text-highlight mt-2">
        <a
          class="footer_links"
          href="https://github.com/BinukaDs/BinukaDs.github.io"
          ><i class="fas fa-link"></i> BinukaDs Custom Links</a
        >
      </h5>

      <h5 class="footer-text text-white text-center transition font-semibold  mt-2 mb-5">
        <i class="fas fa-code" id="footer_icons"></i> Code by
        <i
          ><a class="hover:text-highlight" href="https://www.binukads.me"
            >BinukaDs</a
          ></i
        >
      </h5></footer>

    <script>
      $(document).ready(function () {
        $(window).scrollTop(0);
      });
    </script>

    <script src="Assets/Js/index.js"></script>


  </body>
</html>