BasicBankingWebAppProj/index.html at master · Pradipmore12/BasicBankingWebAppProj · 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
<!doctype html>
<html lang="en">

<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- Bootstrap CSS -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
  <link rel="stylesheet" type="text/css" href="./css/style.css">

  <title>Sparks Foundation Banking system !</title>
  <!-- Custom styles for this template -->
  <link href="carousel.css" rel="stylesheet">
  <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=Baloo+Bhaijaan+2&display=swap" rel="stylesheet">
</head>

<body>
  <header>
    <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
      <div class="container-fluid">
        <a class="navbar-brand" href="index.html">Sparks Banking System
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"
          aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarCollapse">
          <ul class="navbar-nav me-auto mb-2 mb-md-0">
            <li class="nav-item active">
              <a class="nav-link" aria-current="page" href="index.html">Home</a>
            </li>
            <li class="nav-item ">
              <a class="nav-link" aria-current="page" href="customer.html">Customer</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="https://internship.thesparksfoundation.info/">features</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#" tabindex="-1" aria-disabled="true">Contact</a>
            </li>
          </ul>
          <form class="d-flex">
            <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
            <button class="btn btn-outline-success" type="submit">Search</button>
          </form>
        </div>
      </div>
    </nav>
  </header>


  <div class="jumbotron jumbotron-fluid jumbotron-expand-md text-center " style="
      background-image: url('./images/bank.jpg');background-size: cover; ">
      <br>
      <br>
      <br>
    <div class="container py-5 mt-5" style="z-index:1;background-color:black; opacity: .7; ">
      <h1 class="display-10 text-danger p-5"> <a href=""><b>TSF BANK</b></a></h1>
      <button class="btn bg-danger text-white mx-2 my-1">Anytime</button>
      <button class="btn bg-danger text-white mx-2 my-1">Anywhere</button>
      <button onclick="window.location.href='customer.html'" class="btn bg-danger text-white mx-2 my-1">Get Started</button>

    </div>
    <br>
    <br>
  </div>
  <br>
  <br>
  <br>

  <div class="container text-white" style="z-index:1;background-color:black; opacity: .9;">
    <main role="main" class="container">
      <div class="row">
        <div class="col-md-8 blog-main">
          <h3 class="pb-4 mb-4 font-italic border-bottom">
            What is Sparks Foundation?
          </h3>

          <div class="blog-post">
            <h2 class="blog-post-title">"Online learning is rapidly becoming one of the most cost-effective ways to educate the world’s rapidly expanding workforce.”</h2>
            <h5>― Jack Messman, former CEO at Novell, Cambridge Technology Partners</h5>
            <p class=" badge badge-secondary">may, 2022 </p>
            <hr>
            <h4>Brief Description of Spark Foundation.</h4>
            <hr>
            <p>
              The Sparks Foundation. This brand new education nonprofit trying to sell students hope for successful future. Hope that they can rise out of any situation, regardless of where they came from. Whether it’s from a family with a less than ideal financial situation or a family that simply does not support where they want to go. Either way, The Sparks Foundation (or TSF) is for you. This brand new startup was co-founded by people who believe that every student should have a chance at greatness, and they have created multiple programs to help students reach their maximum potential.</p>
            <blockquote>
              <p>The first program that they have successfully put into play for about three months now is their Graduate Rotational Internship Program, or GRIP. This internship program is based completely online as a part-time internship for students to complete in the span of 3 months. GRIP offers internships for the areas of tech, marketing, and human resources. The first month works on individual tasks, such as writing articles and designing posters, the second month consists of group work. The groups for the second month of the program are based on a personality test that all interns take at the beginning of the program so that all interns are placed into groups that will complement their strengths and weaknesses. The last month focuses on expanding the interns’ knowledge of the area they are working in. This program has been successfully running for a few months now, and TSF is expanding their programs to include a wider variety of students from a variety of different backgrounds.</p>
            </blockquote>
             This upcoming September TSF will be sponsoring workshops with SINDA(Singapore Indian Development Association) in five different schools. These talks will be focused on soft skills such as flexibility, conflict resolution, and time management. These talks are vital because schools tend to not focus on developing these skills, instead, they rely on the students to learn them as they get older. These skills are vital for success in both their school life and their personal lives. TSF aims to improve not only the education aspect of their school experience but also the personal aspect as well. It is in ways like this that TSF aspires to inspire young people to reach out to achieve their maximum potential both in their educational and personal lives. TSF wants to ensure that all students have the skills to achieve anything they set their minds to, and if they need an extra step to achieve that, TSF has got them covered. </p>
          </div><!-- /.Blog-Post -->
        </div><!-- /.blog-main -->

        <aside class="col-md-4 blog-sidebar shubu text-white" style="z-index:1;background-color:black; opacity: .9;">
          <div class="p-4 mb-3 bg-light rounded">
            <h4 class="font-italic">About</h4>
            <p class="mb-0">The sparks foundation is working to bring parity in education, making sure children have equal opportunity at success, irrespective of the financial background.</p>
          </div>

          <div class="p-4">
            <h4 class="font-italic">Quick Links </h4>
            <ol class="list-unstyled mb-0">
              <li> <a href="index.html">Home</a> </li>
              <li> <a href="https://internship.thesparksfoundation.info/">Official Website</a> </li>
              <li> <a href="https://www.facebook.com/thesparksfoundation.info">Facebook</a> </li>
              <li> <a href="https://www.linkedin.com/company/the-sparks-foundation/">LinkedIn</a> </li>
              <li> <a href="https://www.thesparksfoundationsingapore.org/contact-us/">Contact us </a> </li>
            </ol>
          </div>

          <div class="p-4">
            <h4 class="font-italic">Follow Me </h4>
            <ol class="list-unstyled">
            <li><a href="#">YouTube</a></li>
              <li><a href="#" target="_blank"
                  class="d-inline">Facebook</a></li>
              <li><a href="https://www.linkedin.com/in/pradip-more/" target="_blank"
                  class="d-inline">LinkedIn</a></li>
              <li><a href="https://github.com/Pradipmorepm" target="_blank" class="d-inline">GitHub</a></li>
            </ol>
          </div>
        </aside><!-- /.blog-sidebar -->

      </div><!-- /.row -->
      </div>


  <!-- Option 1: Bootstrap Bundle with Popper -->
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW"
    crossorigin="anonymous"></script>

  <!-- Option 2: Separate Popper and Bootstrap JS -->

  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"
    integrity="sha384-q2kxQ16AaE6UbzuKqyBE9/u/KzioAlnx2maXQHiDX9d4/zp8Ok3f+M7DPm+Ib6IU"
    crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.min.js"
    integrity="sha384-pQQkAEnwaBkjpqZ8RU1fF1AKtTcHJwFl3pblpTlHXybJjHpMYo79HY3hIi4NKxyj"
    crossorigin="anonymous"></script>


</body>
<br>
<footer class="container-fluid bg-dark my-0 py-3 text-light">
  <p class="mb-0 text-center">&copy; 2021-2022 Sparksbanks.com</p>
  <p class="mb-0 text-center">
    <a href="#">Back to top |</a>
    <a href="#">Privacy |</a>
    <a href="#">Terms</a>
  </p>
</footer>
</html>