AASHA/index.html at main · Akansha77/AASHA · 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
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AASHA</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="Rights.html">
    <a href="map.html"></a>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@6.0.0/css/all.css">
</head>

<body>

    <div class = "graphic">
        <img src="ASSETS/bg2.png" alt="computer user">
    </div>
    <section id="home" class="full-height">
        <header>
            <nav class="navbar">
                <div class="logo">
                    <img src="ASSETS/logo.png">
                </div>

                <ul class="menu-links">
                    <li><a href="#home" class="nav-link">Home</a></li>
                    <li><a href="#aboutUs" class="nav-link">About Us</a></li>
                    <li><a href="Rights.html" class="nav-link">Rights</a></li>
                    <li><a href="#contact" class="nav-link">Contact us</a></li>
                    <li><a href="profile.html" class="nav-link">Profile</a></li>
                </ul>
                <div class="button">
                    <a href="login.html" class="btn" class="active">Sign In / Sign Up</a>
                </div>
                <span id="hamburger-btn" class="material-symbols-outlined">menu</span>

            </nav>
        </header>

        <div class="content">
            <h1>AASHA</h1>
            <h2>Naari Ki Suraksha hamari Zimmedari</h2>
        </div>
    </section>

    <section id="aboutUs" class="full-height">
        <div class="content">
            <h2>About Us</h2>
            <h4>Welcome to AASHA, a platform dedicated to ensuring the safety and well-being of women everywhere. </h4>
            <p class="description">
                AASHA is the ultimate website for women who want to take charge of their own safety and happiness. It offers a variety of smart features that can help you deal with any challenge or threat in your life. Whether you need to escape a dangerous situation, or just need some guidance, AASHA has got your back. AASHA is not just an app, it’s a way of life that inspires women to be brave and strong.
                <p>Join AASHA today and discover a new level of security and well-being.</p>
                <p>Thank you for choosing AASHA.</p>
            <button class="btn scroll-btn" data-target="#ratings">Hire Me</button>
        </div>
        <img src="ASSETS/about us.jpg" alt="computer user">
    </section>

    <section id="ratings" class="full-height">
        <div class="ratingimg">
            <img src="ASSETS/rating-removebg-preview.png">
        </div>
        <div id="panel" class="panel-container">
            <strong>
                How satisfied are you with our <br />
                customer support performance?
            </strong>
            <div class="ratings-container">
                <div class="rating" data-rating="Unhappy">
                    <img src="https://cdn-icons-png.flaticon.com/512/187/187150.png" alt="sad face" />
                    <small>Unhappy</small>
                </div>
                <div class="rating" data-rating="Neutral">
                    <img src="https://cdn-icons-png.flaticon.com/512/187/187136.png" alt="neutral face" />
                    <small>Neutral</small>
                </div>
                <div class="rating active" data-rating="Satisfied">
                    <img src="https://cdn-icons-png.flaticon.com/512/187/187133.png" alt="happy face" />
                    <small>Satisfied</small>
                </div>
            </div>
            <button class="btns" id="send">Send Review</button>
        </div>
    </section>

    <section id="contact" class="full-height">
        <div class="container">
            <div class="content">
                <div class="left-side">
                    <div class="address details">
                        <i class="fas fa-map-marker-alt"></i>
                        <div class="topic">Address</div>
                        <div class="text-one">Kashmere Gate</div>
                        <div class="text-two">Delhi</div>
                    </div>
                    <div class="phone details">
                        <i class="fas fa-phone-alt"></i>
                        <div class="topic">Phone</div>
                        <div class="text-one">+0098 9893 5647</div>
                        <div class="text-two">+0096 3434 5678</div>
                    </div>
                    <div class="email details">
                        <i class="fas fa-envelope"></i>
                        <div class="topic">Email</div>
                        <div class="text-one">aasha@gmail.com</div>
                        <div class="text-two">info.aasha@gmail.com</div>
                    </div>
                </div>
                <div class="right-side">
                    <form action="#">
                        <div class="input-box">
                            <input type="text" placeholder="Enter your name">
                        </div>
                        <div class="input-box">
                            <input type="text" placeholder="Enter your email">
                        </div>
                        <div class="input-box message-box">
                            <textarea placeholder="Your message"></textarea>
                        </div>
                        <div class="button">
                            <input type="button" value="Send Now">
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>

    <!-- <button id="startRecordingBtn">Start Recording</button> -->

    <!-- <form id="emailForm">
        <label for="recipientEmail">Recipient Email:</label>
        <input type="email" id="recipientEmail" name="recipientEmail" required>
        <button type="submit">Send Video</button>
    </form> -->

  <button id="emailButton">See Video</button>

  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyApfq9oJlL0Y_w3q4O_hMX8Sr4nCjv2Nno&callback=initMap&v=weekly" defer></script>

    <script src="https://cdn.emailjs.com/dist/email.min.js"></script>
    <script src="https://cdn.emailjs.com/dist/email.message.min.js"></script>
    <script src="https://cdn.emailjs.com/dist/email.form.min.js"></script>
    <script src="https://cdn.emailjs.com/dist/email.server.min.js"></script>
    <script src="https://cdn.emailjs.com/dist/email.sendform.min.js"></script>
    <script src="https://cdn.emailjs.com/dist/email.sendform2.min.js"></script>

    <script src="https://cdn.webrtc-experiment.com/RecordRTC.js"></script>
    <script src="script2.js"></script>
    <script src="main.js"></script>


    <script>
        // Import the functions you need from the SDKs you need
import { initializeApp } from "firebase/app";
import { getAnalytics } from "firebase/analytics";
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries

// Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
  apiKey: "AIzaSyApfq9oJlL0Y_w3q4O_hMX8Sr4nCjv2Nno",
  authDomain: "aasha-b953c.firebaseapp.com",
  projectId: "aasha-b953c",
  storageBucket: "aasha-b953c.appspot.com",
  messagingSenderId: "434505995830",
  appId: "1:434505995830:web:422186e79d4d4f5452aa97",
  measurementId: "G-HJCSS71TTV"
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);

    </script>
    <script src="https://www.gstatic.com/dialogflow-console/fast/messenger/bootstrap.js?v=1"></script>
 <!-- <script>
    document.addEventListener('DOMContentLoaded', function () {
        const chatbot = document.querySelector('df-messenger');
        chatbot.setAttribute('projectId', 'rising-abacus-413315'); // Replace with your Dialogflow project ID
        chatbot.setAttribute('chat-title', 'AASHA'); // Customize chatbot title
        chatbot.setAttribute('agent-id', '104728826783532959238'); // Replace with your Dialogflow agent ID
        chatbot.setAttribute('language-code', 'en'); // Specify the language code
        chatbot.setAttribute('is-mobile', 'true'); // Adjust for mobile responsiveness
    });
</script> -->


</body>

</html>