Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
…vents_new
  • Loading branch information
barnilsarma committed Mar 27, 2024
2 parents e062a4b + da2dc06 commit ac816e0
Show file tree
Hide file tree
Showing 20 changed files with 757 additions and 269 deletions.
6 changes: 6 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,12 @@

<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<!-- Alata Font -->
<link
href="https://fonts.googleapis.com/css2?family=Alata&display=swap"
rel="stylesheet"
/>

<link
href="https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Alata&family=DM+Serif+Display:ital@0;1&family=Outfit:wght@100..900&display=swap"
rel="stylesheet"
Expand Down
41 changes: 34 additions & 7 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

128 changes: 125 additions & 3 deletions src/Components/Borhomthuri/Borhomthuri.jsx
Original file line number Diff line number Diff line change
@@ -1,7 +1,129 @@
import React from "react";

import styles from "./Borhomthuri.module.scss";
// import Film from "./Filmy";
// import Card from "./Card";
import data from "../../assets/Edition.json";
import LottieHeading from "../LottieHeading/LottieHeading";
// import ScrolBar from "./ScrolBar";
// import FrontCover from "./FrontCover";
const Borhomthuri = () => {
return <div>Borhomthuri</div>;
return (
<div className={styles.superParent}>
<div className={styles.ParentClass}>
{/* <Pepa /> */}
<div id={styles.leftrangoliholder_borhom}>
<img
src="https://res.cloudinary.com/dp92qug2f/image/upload/v1711549216/leftrangoli_jp6whi.png"
alt=""
/>
</div>

<div id={styles.rightrangoliholder_borhom}>
<img
src="https://res.cloudinary.com/dp92qug2f/image/upload/v1711549216/rightrangoli_jvpnus.png"
alt=""
/>
</div>
<div id={styles.pepaholder}>
<LottieHeading title="BORHOMTHURI" />
</div>
{/* <Film /> */}
{/* <Card/> */}
{/* <FrontCover/> */}
<div className={styles.Child1}>
<div className={styles.text}>
<p className={styles.p}>
Borhomthuri is the annual souvenir of POSUA.It enfolds indispensable parts
of Assamese Culture and also the emotions of students in the form of
enthralling articles,poems,stories and sketches.Borhomthuri reflects the
ardour of NITS Family towards POSUA and provides an opportunity for the
literary skills of students to get revived
</p>
<div className={styles.galleryBorhomthuri}>
{data.map((item) => (
<a
href={item.link}
rel="noopener"
target="_blank"
style={{ margin: "1.2rem" }}
>
<img src={item.src} alt="magazine" />
<img
src={item.edition_num}
alt="Edition"
style={{
margin: "0 auto",
padding: ".5rem",
}}
/>
</a>
))}
</div>
</div>

<div id={styles.camerathingsholder}>
<div className={styles.cameraImg}>
<img
alt="Camera"
src="https://res.cloudinary.com/dp92qug2f/image/upload/v1711559065/camera_posua24_l7ndyp.png"
/>
</div>

<div id={styles.camerafoucs}>
<img
src="https://res.cloudinary.com/dp92qug2f/image/upload/v1711559384/camera_focus_posua24_orhnta.png"
alt=""
/>
</div>
</div>
</div>

<div className={styles.child2}>
<div className={styles.HiddenText}>
<p>
Borhomthuri is the annual souvenir of POSUA.It enfolds indispensable parts
of Assamese Culture and also the emotions of students in the form of
enthralling articles,poems,stories and sketches.Borhomthuri reflects the
ardour of NITS Family towards POSUA and provides an opportunity for the
literary skills of students to get revived
</p>
</div>
<div className={styles.galleryBorhomthurimobile}>
{data.map((item) => (
<a
href={item.link}
rel="noopener"
target="_blank"
style={{ margin: "1.2rem" }}
>
<img src={item.src} alt="magazine" />
<img
src={item.edition_num}
alt="Edition"
style={{
margin: "0 auto",
padding: ".5rem",
}}
/>
</a>
))}
</div>
{/* <ScrolBar /> */}
{/* <div className={styles.movingCards}>
{
data.map((item)=>(
<Card imgSrc={item.src} srcMag={item.link} />
))
}
</div> */}

{/* <div id={styles.random}>
<img src="https://res.cloudinary.com/dhpqjrbha/image/upload/c_pad,b_auto:predominant,fl_preserve_transparency/v1711056519/Group_2608667_reshtk.jpg?_s=public-apps" alt="" />
</div> */}
{/* Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium ratione, perspiciatis vitae sit asperiores quia sunt quasi maxime. Nihil, officia qui fuga reprehenderit obcaecati ipsam alias vel hic laudantium pariatur aliquam mollitia reiciendis explicabo? */}
</div>
</div>
</div>
);
};

export default Borhomthuri;
Loading

0 comments on commit ac816e0

Please sign in to comment.