LifeBeats/index.html at master · JD235/LifeBeats · 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
<!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">
        <title>Life Beats</title>

        <!--jQuery-->
        <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
            integrity="sha256-pasqAKBDmFT4eHoN2ndd6lN370kFiGUFyTiUHWhU7k8=" crossorigin="anonymous"></script>

        <!-- Bootstrap File -->
        <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet"
            integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
            integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
            crossorigin="anonymous"></script>

        <!--Write Font  -->
        <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=Nixie+One&display=swap" rel="stylesheet">


        <!-- Custom css file-->
        <link rel="stylesheet" href="./style/style.css">


        <!-- Font Awesome -->
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

    </head>

    <!-- Body Starts -->

    <body>
        <header class="header-menu" style="margin-top: 9rem;">
            <nav class="navbar fixed-top navbar-expand-lg navbar-dark" style="background-color: #152226;">
                <a class="navbar-brand" href="#">
                    <img src="assets/Life beats logo-01.png" width="110" height="110" alt="">
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarNav">
                    <ul class="navbar-nav">
                      <li class="nav-item active">
                        <a class="nav-link" href="#">HOME <span class="sr-only">(current)</span></a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" href="./pages/signup.html">LOGIN / SIGN UP</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" href="./pages/contact.html">CONTACT US</a>
                      </li>
                    </ul>
                  </div>
            </nav>
        </header>
         <!-- Navbar Ends -->
         <div class="container-lg">
            <div class="main mt-xl-2">
                <p>LIFE BEATS</p>
            </div>
            <div class="tag">
                <p>The Digital Blood Bank</p>
            </div>
            <h1 class="mt-xl-5">ABOUT US</h1>
            <div class="para mt-xl-5">
              <p>We have created this platform "Life Beats" for the one who can easily commnicate directly with the person who
                  wants to donate the blood and for the person who wants blood easily from blood bank or can directly get connected
                  with the Donor from our website. Our main role is acting intermediate between the person who wants blood and the person
                  who want to donate the blood. Let's Help together saving one's life as Life is the most important part for Us.
              </p>
            </div>
            <div class="note mt-xl-5">
              <P>Note : Login or Sign-up is required for further process for requesting or donating.</P>
            </div>
        </div>
        <footer class="pt-xl-1 pb-xl-1" style="background-color: #707070;">
            <a href="#"><span style="color: white; font-size: 18px; margin-left: 15px;font-family: 'Poppins', sans-serif;">Made with <i class="fa fa-heart" aria-hidden="true" style="color:red;"></i> by Cognate</span></a>
        </footer>
    </body>
</html>