text_demo/H&I.html at master · PriyanshuGautam1923/text_demo · 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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="H&I.css">
    <link rel="stylesheet" type="text/css" href="https://unpkg.com/applause-button/dist/applause-button.css">
    <title>Hello, world!</title>
  </head>
  <body>
    <button id="btton"><i class="fas fa-bars"></i></button>
    <aside id="mainAside" class="animation">
      <ul class="navbar-nav align-items-center">
          <li class="links nav-item"><a class="nav-link"href="index.html"><span class="py-1" id="nl1">Home</span></a></li>
          <li class="links nav-item"><a class="nav-link"href="About.html"><span class="py-1" id="nl2">About</span></a></li>
          <li class="links nav-item"><a class="nav-link"href="A&A.html"><span class="py-1" id="nl3">Acads & Achivements </span></a></li>

          <li class="links nav-item"><a class="nav-link"href="Chess.html"><span class="py-1" id="nl4"> Chess</span></a></li>
          <li class="links nav-item"><a class="nav-link"href="H&I.html"><span class="py-1" id="nl5">Hobbies & Intrests</span></a></li>
          <li class="links nav-item"><a class="nav-link"href="My Future.html"><span class="py-1" id="nl6">My Future</span></a></li>
        </ul>
    </aside>

        <div class="text-center cntnt p-4 mt-4" id="cntnt">
          <h1>Hobbies and Instrests</h1>
          <h6 class="abc"><applause-button style="width: 58px; height: 58px;"/></h6>
          <p class="lead m-0">So coming forth from chess to hobbies and Intrests in general. So my favorite hobby is cycling. Quite evident from the very fact that I have been using it all my school days from 8th to 12th standard to reach school and back and with these new roads built around its just a treat to cycle around. I also love playing football but first due to JEE and then this cunning lockdown this now seems like long lost friends. I also read quite frequently my taste is a bit more inclined towards autobiography in general reading research papers and knowing about unsolved science and Maths puzzles and problems is also fun. Next up is intrests so one peculiar trait of mine that I would like to share is the fact that I never get bored of watching the same movie or listening to the same song howsoever no. of times. For eg. movies like 3 Idiots Phir Hera Pheri..all these classics just never seem to be short on entertainment. I like light and entertaining bollywood movies much more. Coming to songs it is much more diversified ranging from english songs like beliver and Shape of you to hindi rap artists like  muhfaad (Slightly inclined towards lyrical than melodious) to the old classics like Kishore Kumar (I mean C'mon who does'nt like them).
          Hope you beared up with all the rags above hope to catch up in the next section.</p>
        </div>

    <div class="container-fluid pt-3" id="b1">
        <div class="row d-flex">

          <div class="col-6 c1">
            <button type="button"id="btton1" onclick="window.location='Chess.html'">
              <i class="fas fa-arrow-left"></i>
            </button>
            <h6>Previous</h6>
          </div>
          <div class="col-6 c1">
            <button type="button"id="btton1" onclick="window.location='My Future.html'"  >
              <i class="fas fa-arrow-right"></i><br>
            </button>
            <h6 class="">Next</h6>
          </div>
        </div>
    </div>
    <script type="text/javascript" src="https://unpkg.com/applause-button/dist/applause-button.js"></script>
    <script type="text/javascript" src="H&I.js"></script>
    <script src="https://kit.fontawesome.com/c6d6973d4d.js" crossorigin="anonymous"></script>
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  </body>
</html>