-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain-logged.html
208 lines (177 loc) · 8.18 KB
/
main-logged.html
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
196
197
198
199
200
201
202
203
204
205
206
207
208
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
<link rel="stylesheet" href="CSS/style.css">
<title>SABA - Home Page</title>
<link rel="icon" type="image/x-icon" href="/Image_Source/favicon.ico">
</head>
<body>
<div class="navbar">
<h2>SABA</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="mailto:sainivedh26@gmail.com,baranidharans2005@gmail.com">Contact</a></li>
<li><a href="#about-section">About</a></li>
</ul>
<a href="load-signingout.html"><button class="hire-btn">Signout</button></a>
</div>
<div class="main">
<h4>Hi, we are the creators of <span>SABA</span> 👋</h4>
<p class="title">To Level Up your Experience of <mark>Journaling</mark></p>
<p class="subtitle">From Amrita Vishwa Vidyapeetham</p>
<div class="resiae">
<a href="main2write.html"> <img src="Image_Source/SABA_Logo.jpg" class="my_new_img" style="border-radius: 50px;"></a>
</div>
<br>
<h4 id="animated-text" style="font-size: 32px;color: #ffb742;font-weight: 600;">Start Writing</h4>
</div>
<div class="guarantee">
<div class="item">
<div class="icon">
<i class='bx bx-check-shield'></i>
</div>
<div class="info">
<h3>Secured</h3>
<p>We give priority to your data security</p>
</div>
<i class='bx bx-chevron-right'></i>
</div>
<div class="item">
<div class="icon">
<i class='bx bx-check-circle'></i>
</div>
<div class="info">
<h3>Verified</h3>
<p>All are verified users</p>
</div>
<i class='bx bx-chevron-right'></i>
</div>
<div class="item">
<div class="icon">
<i class='bx bx-laugh'></i>
</div>
<div class="info">
<h3>5 star ratings</h3>
<p>Happy Clients</p>
</div>
<i class='bx bx-chevron-right'></i>
</div>
</div>
<br>
<br>
<br>
<br>
<br>
<div class="skills">
<div class="left">
<div class="info">
<h3>Wanna know About SaBa ?</h3>
<p>
Saba stands as a contemporary online journaling platform, purpose-built to empower users in capturing their thoughts, ideas, and daily occurrences seamlessly. Providing a serene digital environment free from distractions, Saba offers the perfect space for users to delve into their journaling journey with ease. With its intuitive interface and robust set of features, including customizable prompts, privacy controls, and seamless syncing across devices, Saba makes the journaling experience both accessible and enjoyable. By fostering a supportive and engaging community, Saba encourages users to cultivate a consistent journaling habit, unlocking the transformative power of reflective writing in their lives.
</p>
</div>
</div>
<div class="right">
<div class="item">
<i class='bx bxl-html5'></i>
</div>
<div class="item">
<i class='bx bxl-css3'></i>
</div>
<div class="item">
<i class='bx bxl-bootstrap'></i>
</div>
<div class="item">
<i class='bx bxl-firebase'></i>
</div>
<div class="item">
<i class='bx bxl-javascript'></i>
</div>
</div>
</div>
<div class="centered-container">
<h4 class="seprator">Who are we</h4>
</div>
<div class="about-container">
<div class="about">
<img id="photo1" src="Image_Source/photo1.png">
<div class="info">
<h3>Sai Nivedh</h3>
<p>As an AI Undergrad Innovator at Google Developer Student Clubs, I've work with a team of passionate developers to create and deploy innovative AI solutions for various domains. My goal is to apply my skills and knowledge to real-world problems, especially in the fields of data science and healthcare. I attend industry conferences to stay updated on advancements in AI</p>
<a href="https://www.linkedin.com/in/sainivedhai/" target="_blank"><button class="hire-btn">LinkedIn</button></a>
</div>
</div>
<div class="about">
<img src="Image_Source/photo2.png">
<div class="info">
<h3>Baranidharan Selvaraj</h3>
<p>I'm someone who loves learning about technology and coding, especially in Python, web development and machine learning. I've worked on cool projects like in the Intel AI Hackathon with Team Nooglers, where we made it to the Top 50. I've also helped out with COHORT, focusing on sustainable development goals. And when I'm not coding, you'll probably find me cheering for my favorite football team.</p>
<a href="https://www.linkedin.com/in/baranidharan-selvaraj-59bb02293/"><button class="hire-btn">LinkedIn</button></a>
</div>
</div>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<footer>
<div class="start">
<h3>Become a contributor</h3>
<p>Interested in working together? We should queue up a chat.</p>
<a href="mailto:sainivedh26@gmail.com,baranidharans2005@gmail.com"><button>Let's do this</button></a>
</div>
<div class="cols">
<div class="about-col">
<h2 style="color: yellow;">SaBa</h2>
<br>
<p>The Only platform to improve your </p>
<p>Journaling Experience</p>
</div>
<div class="links-col">
<h4>Useful Links</h4>
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Skills</a>
<a href="#">Portfolio</a>
<a href="#">Contact</a>
</div>
<div class="links-col">
<h4>Social Media</h4>
<a href="#">Instagram</a>
<a href="#">Linkedin</a>
<a href="#">Dribble</a>
<a href="#">Youtube</a>
<a href="#">Github</a>
</div>
<div class="news-col">
<h4>Head Office</h4>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1164.7695564617472!2d76.89616968214817!3d10.902633638878758!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba85d001e27fe95%3A0xf2ab92a1a2e9a2ab!2sVasishta%20Bhavanam!5e0!3m2!1sen!2sin!4v1716367034040!5m2!1sen!2sin" width="400" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</footer>
<script src="JS/new.js" defer></script>
<script>
const aboutLink = document.querySelector('ul li a[href="#about-section"]');
const aboutSection = document.getElementById('about-section');
aboutLink.addEventListener('click', (event) => {
event.preventDefault(); // Prevent the default link behavior
aboutSection.scrollIntoView({ behavior: 'smooth',block: "end", inline: "nearest" });
});
const animatedText = document.getElementById('animated-text');
let dots = 0;
setInterval(() => {
dots = (dots + 1) % 4;
let dotsText = '.'.repeat(dots);
animatedText.textContent = `Start Writing${dotsText}`;
}, 700);
</script>
<script id="messenger-widget-b" src="https://cdn.botpenguin.com/website-bot.js" defer>6659e07e38f8120275af62fa,6659e03a8b01fbfc8fe9670a</script>
</body>
</html>