Pragya 2.0 Tech Fest Experience

Here’s the revised version of your paragraph with the additional sentence:

“Today, I am excited to share my transformative experiences from a technical fest, Pragya 2.0 held at my college LBS INSTITUTE OF TECHNOLOGY FOR WOMEN, TRIVANDRUM, KERALA. I participated in a hackathon, a designathon, and a backend workshop. This took place during the start of my second year when I only had basic knowledge of web development. Despite my nerves about competing with more experienced seniors, I pushed myself to join the technical fest.

The hackathon began, and at first, we struggled to find a clear direction. However, after much discussion and brainstorming, we built a website for book exchange within our college. Our idea was to create a platform where students could easily trade books, and we successfully built the code for it, which we continue to improve. Now, we are learning and working on its backend.

I focused on the frontend work using Visual Studio Code, HTML, CSS, and JavaScript, while my friend managed the UI design, and the rest of the team supported the frontend development. We embraced tools like ChatGPT, learning and adapting as we went along. Ultimately, we completed the front end, though backend development was beyond our initial knowledge.

The seniors’ projects were impressive, and it was a great opportunity to connect with them. Participating in such events expands your network and opens doors to new connections and collaborations.

Despite the challenges, I learned an incredible amount during the hackathon, and our team’s collaboration helped us succeed. When the results were announced, our team proudly secured second place and received a cash prize of 2K

HTML
<!DOCTYPE html>
<html lang="en">
    <head>
<meta content="width=device-width,initial-scale=1.0">
<meta name="viewport">
<link rel="stylesheet" href="book.css">
<link href='https://fonts.googleapis.com/css?family=Plus Jakarta Sans' rel='stylesheet'>
<title>BOOK-SHELF</title>
    </head>
    <section class="rectangle">
        <h1 class="heading">book shelf</h1>
        
        </section>  <div>
        <div class="container-one">
            <div class="main-one">
<h1>Why overspend on <br>Textbooks?</h1>
<p class="para">Find , exchange,or sell books at prices that won't break your bank.<br>
Dive into knowledge without diving into your savings</p><br>
<p class="our">For students of LBSITW, By students of LBSITW</p>
<button class="btn"><a href="signup.html"> Get Started</a></button>
            </div>
            <div class="container-two">
<img src="Frame 2 1 (1).jpg" >
            </div>
        </div> </div>
        
        <h1 class="here">Here it from our Community!</h1>
         <div class="slider">
           
            <div class="opinion">
               <h1>Anamika</h1>
               <h3>S3 CS1</h3>
               <p>&ldquo;Finding Bookshelf has been <br>
                an absolute lifesaver for me!!&rdquo;</p>
            </div>
            <div class="opinion">
                <h1>Aamina</h1>
                <h3>S8 CS1</h3>
                <p>&ldquo;I can earn some pocket 
                    money now, <br>all thanks to 
                    Bookshelf!&rdquo;</p>
            </div>
            <div class="opinion">
                <h1>Lekshmi</h1>
                <h3>S8 ECE</h3>
                <p>&ldquo;Bookshelf is the perfect place<br> to donate books!!&rdquo;</p>
            </div>
            <div>

            </div>
        </div> 

        <br>
        <div>
            <div class="services">
                <h1>What you can do here?</h1>
                <div class="slider">
                    <div class="youget">
                       <h2>Exchange</h2>
                       
                       <p>Exchange books with your peers.<br> You can also donate your used books.</p>
                    </div>
                    <div class="youget">
                        <h2>Resale</h2>
                        
                        <p>Sell your used books.Earn <br>some pocket money on the go!</p>
                    </div>
                    <div class="youget">
                        <h2>Buy</h2>
                        
                        <p>Buy second hand books<br> for  a cheaper price.</p>
                    </div>
                    <div>
        
                    </div>
                </div> 
        
                <br>
                <div>
            </div>

        </div>
        <button class="btn-1"><a href="signup.html">Get started</a></button>
        <div class="last"></div></div></html>
CSS
/* Write CSS Here */*{
    margin:0;
    padding: 0;
}
.rectangle{
    display:flex;
    width: 1440px;
height: 80px;
flex-shrink: 0;
background: #FBFDFF;
color: #4EA9E0;
font-family: Plus Jakarta Sans;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.heading{
    margin-left: 20px;
    margin-top: 10px;
}
.container-one{
    display:flex;
    height:200px;
    gap:2em;
    margin-bottom: 400px;
}
.main-one{
    color: #000;
font-family: Plus Jakarta Sans;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-top: 100px;
margin-left: 75px;
height:200px;
}
.para{
    margin-top: 20px;
    font-size: 20px;
}
img{
    margin-top: 50px;

height:400px;
margin-right: 20px;
margin-left: 20px;
}
.our{
    color: #031927;
font-family: Plus Jakarta Sans;
font-size: 18px;
font-style: italic;
font-weight: 600;
line-height: normal;

}
.btn{
    margin-left: 4px;
    
    margin-top: 30px;
    font-family: Plus Jakarta Sans;
    padding: 8px 8px 16px 16px;
font-size: 14px;

border-radius: 20px;
border: 3px solid #85C5E5;
background: #9DD1F1;
}
.slider{
    display: flex;
    
    gap:50px;
    margin-left: 180px;
    
}
.here{
    font-family: Plus Jakarta Sans;
    margin-left: 200px;
    margin-bottom: 30px;
}
.opinion{
    padding: 20px 10px;
    line-height: 30px;
    height:200px;
    width:275px;
margin-top: 20px;
border-radius: 20px;
border: 1px solid #85C5E5;
background: #FFF;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
color: #000;
font-family: Plus Jakarta Sans;

font-style: normal;
font-weight: 400;



}
.opinion h1{
    font-size: 20px;
}
.opinion h3{
    margin-top: 20px;
    font-size: 12px;
    font-weight: 200;
}
.opinion p{
    margin-top: 30px;
}
.youget{
    
    line-height: 30px;
    border:1px solid black;
  border-radius: 5px 5px;
    height:200px;
    width:275px;
margin-top: 20px;
border-radius: 20px;
background: #FBFDFF;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

}
.services h1{
    margin-top: 100px;
    margin-bottom: 100px;
    margin-left: 151px;
    color: #000;
font-family: Plus Jakarta Sans;
font-size: 36px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.youget p{
    margin-top: 30px;
    margin-left: 20px;
    margin-bottom: 20px;
    color: #000;
font-family: Plus Jakarta Sans;

font-style: normal;
font-weight: 400;
}
.youget h2{
    background: #B6DFF8;
    border-radius: 20px 20px 0 0 ;
    padding: 10px 10px;
    color: #000;
    font-family: Plus Jakarta Sans;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
}
a {
    text-decoration: none;
}
.btn-1{
    margin-left: 45%;
    
    margin-top: 30px;
    font-family: Plus Jakarta Sans;
    padding: 8px 8px 16px 16px;
font-size: 14px;

border-radius: 20px;
border: 3px solid #85C5E5;
background: #9DD1F1;
}
.last{
    height:100px;
}

. This experience taught me that even with limited experience, participating in competitions fosters growth and opens the door to new opportunities. It’s crucial to embrace challenges, as they lead to invaluable lessons and lasting accomplishments.”



Contact Us