Skip to content

Commit 41aaf68

Browse files
azharanowarazharanowar
committed
PipilikaX responsive design completed with all pages
1 parent 5b51028 commit 41aaf68

11 files changed

Lines changed: 891 additions & 489 deletions

File tree

‎about-us.html‎

Lines changed: 61 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -28,9 +28,9 @@
2828
<!-- Desktop Navigation -->
2929
<nav class="desktop-nav">
3030
<ul>
31-
<li><a href="index.html" class="active">Home</a></li>
31+
<li><a href="index.html">Home</a></li>
3232
<li><a href="blogs.html">Blogs</a></li>
33-
<li><a href="about-us.html">About Us</a></li>
33+
<li><a href="about-us.html" class="active">About Us</a></li>
3434
<li><a href="contact-us.html">Contact Us</a></li>
3535
</ul>
3636
</nav>
@@ -52,9 +52,9 @@
5252
<div id="fullScreenMenu" class="full-screen-menu">
5353
<div class="close-btn" id="closeMenu">&times;</div>
5454
<ul>
55-
<li><a href="index.html" class="active">Home</a></li>
55+
<li><a href="index.html">Home</a></li>
5656
<li><a href="blogs.html">Blogs</a></li>
57-
<li><a href="about-us.html">About Us</a></li>
57+
<li><a href="about-us.html" class="active">About Us</a></li>
5858
<li><a href="contact-us.html">Contact Us</a></li>
5959
<li><a href="#"><button class="btn">Join Now <img src="assets/images/arrow-white.svg" /></button></a>
6060
</li>
@@ -64,64 +64,69 @@
6464

6565

6666

67-
<main>
68-
<section id="heroSection">
69-
<canvas id="starfield"></canvas>
70-
71-
<div id="heroContainer" class="container">
72-
<div class="hero-wrapper">
73-
<div class="hero-content">
74-
<h2>Welcome to PipilikaX</h2>
75-
<p>
76-
Adventures beyond the stars, adrenaline that defies gravity – welcome to:
77-
<span id="typed-text"></span>
78-
</p>
79-
<a href="#"><button class="btn">Join the Journey <img
80-
src="assets/images/arrow-white.svg" /></button></a>
81-
</div>
67+
<main class="about-section">
68+
<section class="intro">
69+
<h1>About Us</h1>
70+
<p class="subtitle">We are a passionate team dedicated to creating cutting-edge AI solutions that impact the
71+
future.</p>
72+
</section>
73+
<section id="aboutSection" style="background-color: white; padding: 70px 10vw;">
74+
<div class="about-container">
75+
<div class="about-image">
76+
<img class="floating-image" src="assets/images/space-man-img.png" alt="About PipilikaX" width="400">
8277
</div>
83-
<div class="hero-image">
84-
<img src="assets/images/astronaut-image.png" alt="Space man image floating" />
78+
<div class="about-content">
79+
<h2>Get to know PipilikaX</h2>
80+
<p>
81+
Pipilika X is a visionary initiative driven by curiosity, exploration, and the pursuit of
82+
knowledge. Inspired by the
83+
determination of ants (pipilika in Sanskrit) and the bold ambition of pioneers like SpaceX,
84+
Pipilika X is on a mission
85+
to make complex information about Earth and the universe easily accessible to everyone.
86+
87+
We believe that knowledge should not be reserved for a few—it should flow freely, like stardust,
88+
reaching minds across
89+
the globe. Whether it’s decoding the wonders of space, uncovering hidden patterns of our planet,
90+
or translating
91+
scientific breakthroughs into everyday language, Pipilika X is here to deliver insights that
92+
matter.
93+
<br><br>
94+
Our journey isn't just about reaching the stars—it’s about understanding them, and bringing that
95+
understanding back to
96+
Earth in the simplest, most engaging way possible.
97+
98+
Pipilika X – Know the world. Explore beyond.
99+
</p>
100+
<a href="#"><button class="btn">Join the Journey Now <img
101+
src="assets/images/arrow-white.svg" /></button></a>
85102
</div>
86103
</div>
87104
</section>
88-
89-
90-
<section id="features" class="container">
91-
<h2>Features</h2>
92-
<div class="flex" style="gap: 2rem; flex-wrap: wrap;">
93-
<article
94-
style="flex: 1 1 300px; background: white; padding: 1.5rem; border-radius: var(--border-radius); box-shadow: 0 2px 6px rgba(0,0,0,0.1);">
95-
<h3>Smart Auto-Note</h3>
96-
<p>Automatically organize and summarize your notes with AI-powered technology.</p>
97-
</article>
98-
<article
99-
style="flex: 1 1 300px; background: white; padding: 1.5rem; border-radius: var(--border-radius); box-shadow: 0 2px 6px rgba(0,0,0,0.1);">
100-
<h3>Cloud Sync</h3>
101-
<p>Access your notes anytime, anywhere across all your devices.</p>
102-
</article>
103-
<article
104-
style="flex: 1 1 300px; background: white; padding: 1.5rem; border-radius: var(--border-radius); box-shadow: 0 2px 6px rgba(0,0,0,0.1);">
105-
<h3>Collaboration</h3>
106-
<p>Share and collaborate seamlessly with your team and friends.</p>
107-
</article>
108-
<a href="#"><button class="btn">Join the Journey <img
109-
src="assets/images/arrow-white.svg" /></button></a>
110-
105+
<section class="team-section">
106+
<h2>Meet Our Team</h2>
107+
<div class="team-grid">
108+
<div class="team-member">
109+
<img src="assets/images/team-1.jpg" alt="Team Member 1 - Azhar Anowar Photo">
110+
<h3>Azhar Anowar</h3>
111+
<p>Founder & CEO</p>
112+
</div>
113+
<div class="team-member">
114+
<img src="assets/images/team-3.jpg" alt="Team Member 3">
115+
<h3>Al-Rafi Azad</h3>
116+
<p>Product Designer</p>
117+
</div>
118+
<div class="team-member">
119+
<img src="assets/images/team-2.jpg" alt="Team Member 2">
120+
<h3>Sijan Khan</h3>
121+
<p>Chief Technology Officer</p>
122+
</div>
123+
<div class="team-member">
124+
<img src="assets/images/team-4.jpg" alt="Team Member 4">
125+
<h3>Taohidul Islam</h3>
126+
<p>Marketing Lead</p>
127+
</div>
111128
</div>
112129
</section>
113-
114-
<section id="about" class="container" style="margin-top: 4rem;">
115-
<h2>About PipilikaX</h2>
116-
<p>PipilikaX is designed to streamline your knowledge workflow, making note-taking smarter, faster, and more
117-
efficient.</p>
118-
</section>
119-
120-
<section id="contact" class="container" style="margin-top: 4rem; padding-bottom: 4rem;">
121-
<h2>Contact Us</h2>
122-
<p>Have questions? Reach out and we’ll be happy to assist you!</p>
123-
<button>Contact Support</button>
124-
</section>
125130
</main>
126131
<footer>
127132
<a href="https://github.com/azharanowar/pipilikaX" target="_blank"><strong>PipilikaX</strong></a> || Copyright ©

0 commit comments

Comments
 (0)