diff --git a/src/Components/Borhomthuri/Borhomthuri.jsx b/src/Components/Borhomthuri/Borhomthuri.jsx new file mode 100644 index 0000000..2522d7b --- /dev/null +++ b/src/Components/Borhomthuri/Borhomthuri.jsx @@ -0,0 +1,27 @@ +import Pepa from "./Pepa"; +import styles from "./Borhomthuri.module.scss"; +import Film from "./Filmy"; + +import ScrolBar from "./ScrolBar"; +// import FrontCover from "./FrontCover"; +const Borhomthuri = () => { + return ( +
+
+ + + + {/* */} +
+ 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 +
+
+
+ ); +}; + +export default Borhomthuri; diff --git a/src/Components/Borhomthuri/Borhomthuri.module.scss b/src/Components/Borhomthuri/Borhomthuri.module.scss new file mode 100644 index 0000000..6302341 --- /dev/null +++ b/src/Components/Borhomthuri/Borhomthuri.module.scss @@ -0,0 +1,28 @@ +.superParent { + min-height: 100vh; +} +.text { + position: relative; + left: 30%; + top: 10%; + color: rgb(109, 12, 12); + font-family: "Alata", sans-serif; + font-weight: 600; + font-size: 14px; + font-style: normal; + display: flex; + justify-content: center; + text-align: center; + width: 15%; + height: 20%; + min-height: 150vh; +} +.ParentClass { + background-color: rgb(228, 197, 156); + background-image: url(https://res.cloudinary.com/dl0knguhb/image/upload/v1710772395/posua%2024/Group_di1ejb.svg), + url(../../assets/sideFlower.svg); + background-position: right, left; + background-repeat: no-repeat; +} +// .Border { +// } diff --git a/src/Components/Borhomthuri/Filmy.jsx b/src/Components/Borhomthuri/Filmy.jsx new file mode 100644 index 0000000..18e5212 --- /dev/null +++ b/src/Components/Borhomthuri/Filmy.jsx @@ -0,0 +1,16 @@ +import styles from "./Filmy.module.scss"; +// import FilmImg from "./FILM.svg"; +const Film = () => { + return ( +
+
+ +
+
+ ); +}; +export default Film; diff --git a/src/Components/Borhomthuri/Filmy.module.scss b/src/Components/Borhomthuri/Filmy.module.scss new file mode 100644 index 0000000..ec04e42 --- /dev/null +++ b/src/Components/Borhomthuri/Filmy.module.scss @@ -0,0 +1,18 @@ +.FilmClass { + // scale: 1.3; + + scale: 0.5; + margin-left: auto; + margin-right: 5rem; + width: 50%; + height: 70%; + position: absolute; + left: 20%; + top: 80%; + overflow: hidden; +} +@media screen and (max-height: 550px) { + .FilmClass { + top: 100%; + } +} diff --git a/src/Components/Borhomthuri/Flower.jsx b/src/Components/Borhomthuri/Flower.jsx new file mode 100644 index 0000000..e69de29 diff --git a/src/Components/Borhomthuri/Flower.module.scss b/src/Components/Borhomthuri/Flower.module.scss new file mode 100644 index 0000000..24bbd6a --- /dev/null +++ b/src/Components/Borhomthuri/Flower.module.scss @@ -0,0 +1,5 @@ +.Flower { + height: 10%; + width: 10%; + margin-left: 0%; +} diff --git a/src/Components/Borhomthuri/FrontCover.jsx b/src/Components/Borhomthuri/FrontCover.jsx new file mode 100644 index 0000000..84e7851 --- /dev/null +++ b/src/Components/Borhomthuri/FrontCover.jsx @@ -0,0 +1,12 @@ +// import styles from './FrontCover.module.scss'; +// import CoverImg from "./frontCover.svg"; +// const FrontCover = () =>{ +// return ( +//
+//
+// +//
+//
+// ) +// } +// export default FrontCover; diff --git a/src/Components/Borhomthuri/FrontCover.module.scss b/src/Components/Borhomthuri/FrontCover.module.scss new file mode 100644 index 0000000..4fde4f0 --- /dev/null +++ b/src/Components/Borhomthuri/FrontCover.module.scss @@ -0,0 +1,2 @@ +.FrontCoverClass { +} diff --git a/src/Components/Borhomthuri/Pepa.jsx b/src/Components/Borhomthuri/Pepa.jsx new file mode 100644 index 0000000..e9de26c --- /dev/null +++ b/src/Components/Borhomthuri/Pepa.jsx @@ -0,0 +1,12 @@ +import styles from "./Pepa.module.scss"; +import PepaImg from "../../assets/Pepa.svg"; +const Pepa = () => { + return ( +
+
+ +
+
+ ); +}; +export default Pepa; diff --git a/src/Components/Borhomthuri/Pepa.module.scss b/src/Components/Borhomthuri/Pepa.module.scss new file mode 100644 index 0000000..3c8d21b --- /dev/null +++ b/src/Components/Borhomthuri/Pepa.module.scss @@ -0,0 +1,6 @@ +.PepaClass { + display: block; + margin-left: auto; + margin-right: auto; + width: 50%; +} diff --git a/src/Components/Borhomthuri/ScrolBar.jsx b/src/Components/Borhomthuri/ScrolBar.jsx new file mode 100644 index 0000000..883df28 --- /dev/null +++ b/src/Components/Borhomthuri/ScrolBar.jsx @@ -0,0 +1,70 @@ +import React from "react"; +import styles from "./ScrollBar.module.scss"; +const ScrolBar = () => { + return ( +
+
+
+
+ {/* */} + + 11th + 11 +
+
+ {/* */} + 8th + 8 +
+
+ {/* */} + 6th + 6 +
+
+ {/* */} + 5th + 5 +
+
+ {/* */} + 4th + 4 +
+
+
+
+ ); +}; + +export default ScrolBar; diff --git a/src/Components/Borhomthuri/ScrollBar.module.scss b/src/Components/Borhomthuri/ScrollBar.module.scss new file mode 100644 index 0000000..7c4d782 --- /dev/null +++ b/src/Components/Borhomthuri/ScrollBar.module.scss @@ -0,0 +1,56 @@ +.gradFilter { + background-image: linear-gradient(180degrgb (228, 197, 156), transparent); + z-index: 2; + background-attachment: fixed; +} +.ParentScrollClass { + height: 70%; + width: 25%; + margin-left: 55%; + overflow: auto; + position: absolute; + border-radius: 0.5rem; + background-image: url("https://res.cloudinary.com/dl0knguhb/image/upload/v1711040716/Component_1_t7adas.webp"); + background-size: cover; + .eachItem { + scale: 0.8; + margin: 0 auto; + z-index: -1; + } +} +.ParentScrollClass::-webkit-scrollbar { + display: none; +} +// @keyframes primary{ +// from{ +// top: 0%; +// } +// to{ +// top: -100%; +// } +// } +// .ParentScrollClass2{ +// animation: secondary 2s linear infinite; +// height: 70%; +// width: 25%; +// margin-left: 55%; +// overflow: auto; +// position: absolute; +// border-radius: .5rem ; +// background-image: url("https://res.cloudinary.com/dl0knguhb/image/upload/v1711040716/Component_1_t7adas.webp"); +// background-size:cover ; +// .eachItem{ +// scale:0.8; +// margin: 0 auto; +// z-index:-1; +// } +// } +// .ParentScrollClass2::-webkit-scrollbar{ +// display:none; + +// } +// @keyframes secondary{ +// from{ +// top +// } +// } diff --git a/src/Components/CoverPage.module.scss b/src/Components/CoverPage.module.scss new file mode 100644 index 0000000..1dc34be --- /dev/null +++ b/src/Components/CoverPage.module.scss @@ -0,0 +1,8 @@ +.CoverPageClass { + height: 20%; + width: 15%; + position: absolute; + margin-left: 60%; + margin-top: 10%; + border-radius: 7rem; +} diff --git a/src/Components/Coverpage.jsx b/src/Components/Coverpage.jsx new file mode 100644 index 0000000..33a2002 --- /dev/null +++ b/src/Components/Coverpage.jsx @@ -0,0 +1,14 @@ +import styles from "./CoverPage.module.scss"; +const CoverPage = () => { + return ( +
+
+ +
+
+ ); +}; +export default CoverPage; diff --git a/src/Pages/Borhomthuri/Borhomthuri.jsx b/src/Pages/Borhomthuri/Borhomthuri.jsx deleted file mode 100644 index cdd887e..0000000 --- a/src/Pages/Borhomthuri/Borhomthuri.jsx +++ /dev/null @@ -1,5 +0,0 @@ -const Borhomthuri = () => { - return
; -}; - -export default Borhomthuri; diff --git a/src/Pages/Home/Home.jsx b/src/Pages/Home/Home.jsx index 3be03c2..b3e111e 100644 --- a/src/Pages/Home/Home.jsx +++ b/src/Pages/Home/Home.jsx @@ -1,5 +1,11 @@ +import Borhomthuri from "../../Components/Borhomthuri/Borhomthuri"; +import styles from "./Home.module.scss"; const Home = () => { - return
Home page
; + return ( +
+ +
+ ); }; export default Home; diff --git a/src/Pages/Home/Home.module.scss b/src/Pages/Home/Home.module.scss new file mode 100644 index 0000000..9bb9603 --- /dev/null +++ b/src/Pages/Home/Home.module.scss @@ -0,0 +1,3 @@ +.home { + min-height: 100vh; +} diff --git a/src/Pages/index.jsx b/src/Pages/index.jsx index c791e72..f0b3caf 100644 --- a/src/Pages/index.jsx +++ b/src/Pages/index.jsx @@ -2,7 +2,7 @@ import Events from "./Events/Events"; import Home from "./Home/Home"; import Team from "./Team/Team"; import Sponsors from "./Sponsors/Sponsors"; -import Borhomthuri from "./Borhomthuri/Borhomthuri"; +import Borhomthuri from "../Components/Borhomthuri/Borhomthuri"; import Gallery from "./Gallery/Gallery"; export { Events, Home, Team, Sponsors, Borhomthuri, Gallery }; diff --git a/src/assets/Component 1.webp b/src/assets/Component 1.webp new file mode 100644 index 0000000..60ee762 Binary files /dev/null and b/src/assets/Component 1.webp differ diff --git a/src/assets/Group.svg b/src/assets/Group.svg new file mode 100644 index 0000000..f1f6efe --- /dev/null +++ b/src/assets/Group.svg @@ -0,0 +1,576 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/Pepa.svg b/src/assets/Pepa.svg new file mode 100644 index 0000000..3264ede --- /dev/null +++ b/src/assets/Pepa.svg @@ -0,0 +1,363 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cover page.webp b/src/assets/cover page.webp new file mode 100644 index 0000000..4c07715 Binary files /dev/null and b/src/assets/cover page.webp differ diff --git a/src/assets/sideFlower.svg b/src/assets/sideFlower.svg new file mode 100644 index 0000000..0366ce3 --- /dev/null +++ b/src/assets/sideFlower.svg @@ -0,0 +1,576 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +