Bookish-/aboutus.html at main · Rathore-Rajpal/Bookish- · 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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Bookish About Us</title>
        <link rel="icon" type="image/png" href="image/logo.png">
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
        <link href="https://getbootstrap.com/docs/5.3/assets/css/docs.css" rel="stylesheet">
        <script src="https://kit.fontawesome.com/d01fd9c369.js" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

        <style>
            body {
                font-family: 'Times New Roman', serif;
                background: url(wall/hero-bg.jpg) no-repeat;
                background-size: cover;
                background-position: center center;
                background-attachment: fixed;
            }

            .back-video {
                padding-top: 4%;
                padding-left: 3%;
                padding-right: 3%;
                height: 90%;
                position: absolute;
                top: 1%;
                bottom: 0%;
                z-index: -1;
                width: 100%;
            }

            .container {
                background-color: #1211115c;
                backdrop-filter: blur(10px);
                height: 700px;
                width: 1900px !important;
                border-radius: 20px;
                transform: translate(-50%, -50%);
                position: absolute;
                top: 140%;
                left: 50%;
                color: white;
                opacity: 0;
                animation: fadeIn 1.5s forwards;
            }

            h1 {
                color: rgb(236, 235, 235);
                padding-top: 1em;
                text-align: center;
                opacity: 0;
                animation: slideDown 2s forwards;
            }

            .para {
                color: rgb(247, 245, 245);
                font-size: 25px;
                padding-top: 2%;
                opacity: 0;
                animation: fadeIn 2.5s forwards;
            }

            video {
                width: 100%;
            }

            @keyframes fadeIn {
                from {
                    opacity: 0;
                }
                to {
                    opacity: 1;
                }
            }

            @keyframes slideDown {
                0% {
                    opacity: 0;
                    transform: translateY(-20px);
                }
                100% {
                    opacity: 1;
                    transform: translateY(0);
                }
            }
        </style>
    </head>

    <body>
        <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
            <div class="container-fluid">
                <a class="navbar-brand" href="#"><i class="fa-solid fa-book"></i>&nbsp;&nbsp;Bookish</a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                        <li class="nav-item">
                            <a class="nav-link active" aria-current="page" href="inde.php"> <i class="fa-solid fa-house"></i> Home</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>

        <video autoplay loop muted plays-inline class="back-video">
            <source src="Bookish ...mp4" type="video/mp4">
        </video>

        <div class="container">
            <h1>About Us!</h1>
            <p class="para">
                Welcome to <strong>Bookish</strong>, your one-stop online bookstore for all things reading! At Bookish, we believe in making books accessible to everyone, whether you're an avid reader, a casual listener, or a collector of hard-to-find titles. Our platform offers a seamless experience for buying, selling, and renting books, catering to every reader's need.<br><br>

                In addition to a wide range of physical books, we also provide e-books and audiobooks, giving you the freedom to enjoy your favorite stories anytime, anywhere. If you’re searching for a book that’s not currently available on our site, don’t worry—we offer custom orders to ensure you get exactly what you’re looking for.<br><br>

                At Bookish, we’re more than just a bookstore; we’re a community of book lovers who are passionate about fostering a love for reading. Explore, discover, and immerse yourself in the world of books with us.

                Happy reading!

                <br><br>
                <strong>Contact Us:</strong><br>
                Email: infobookish@gmail.com<br>
                Phone: +91 9876543210<br>
            </p>
            <center><a href="inde.php" class="btn btn-primary">Go back</a></center>
        </div>
    </body>
</html>