aapkatheka/about.html at main · bhavyajain-glitch/aapkatheka · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="aboutstyle.css">
    <style>
        a:visited {
            color: black;
        }
    </style>
</head>
<body>
        <!-- header -->
         <!-- Add this inside the <body> tag, ideally just before the header -->
<div class="top-right-buttons">
    <button id="home-btn"><a href="index.html">Home</a></button>
    <button id="menu-btn"><a href="catalog.html">Catalog</a></button>
</div>


    <header>
        <div class="logo">
            <img style="filter: invert(1);" src="image/Screenshot_2024-12-10_at_12.27.12_AM-removebg-preview.png">
        </div>
        <!-- <ul class="menu">
            <li>Home</li>
            <li>Blog</li>
            <li>Info</li>
        </ul> -->
        <div class="search">
            <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
                <!-- <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"/> -->
            </svg>
        </div>

    </header>

    <!-- slider -->

    <div class="slider">
        <!-- list Items -->
        <div class="list">
            <div class="item active">
                <img src="image/IMG_6822.jpg">
                <div class="content">
                    <!-- <p>design</p> -->
                    <h2>About us:</h2>
                    <p>
                        Welcome to Cocktail Guide – your ultimate destination for mastering the art of mixology! We're a passionate team dedicated to bringing you the finest cocktail recipes, expert tips, and everything you need to elevate your drinking experience. Our goal is to make cocktail creation accessible and enjoyable for everyone, whether you're a seasoned bartender or just starting to explore the world of mixed drinks.
                    </p>
                </div>
            </div>
            <div class="item">
                <img src="image/clubb.jpg">
                <div class="content">
                    <!-- <p>design</p> -->
                    <h2>Bhavya Jain - The Web Designer</h2>
                    <p>
                Bhavya Jain is our creative mastermind who handles all things design. He is responsible for making sure our website looks both awesome and easy to use. He works on the site's graphics, color schemes, and overall visual style to ensure our cocktail guide has the perfect vibe.
                    </p>
                </div>
            </div>
            <div class="item">
                <img src="image/IMG_6823.jpg">
                <div class="content">
                    <!-- <p>design</p> -->
                    <h2>Priyanshu Singh-Front-End Developer</h2>
                    <p>
                    He is our go-to front-end developer, bringing the website to life with sleek design and smooth functionality. He’s responsible for everything you see and interact with on the site, from the layout to the buttons.


                    </p>
                </div>
            </div>
            <div class="item">
                <img src="image/IMG_6821.jpg">
                <div class="content">
                    <!-- <p>design</p> -->
                    <h2>Karan Rawat-The Content Developer</h2>
                    <p>
                        Karan is responsible for creating the engaging and informative content on our Cocktail Guide website.
                         He curates cocktail recipes, writes detailed descriptions, and offers tips to help users explore the world of cocktails.
                         Also set up the basic structure of the website using HTML (header, footer, navigation, content sections).
                    </p>
                </div>
            </div>
        </div>
        <div class="arrows">
            <button id="prev"><</button>
            <button id="next">></button>
        </div>
        <div class="thumbnail">
            <div class="item active">
                <img style="filter: invert();" src="image/Untitled design.png">
                <div class="content">
                    About us
                </div>
            </div>
            <div class="item">
                <img src="image/IMG_6829.jpg">
                <div class="content">
                    bhavya Jain
                </div>
            </div>
            <div class="item">
                <img src="image/IMG_6831.jpg">
                <div class="content">
                    Priyanshu Singh
                </div>
            </div>
            <div class="item">
                <img src="image/IMG_6827.jpg">
                <div class="content">
                    Karan Rawat
                </div>
            </div>
        </div>
    </div>


    <script src="aboutapp.js"></script>
</body>
</html>