Skip to content

Commit

Permalink
UI Enhancements
Browse files Browse the repository at this point in the history
  • Loading branch information
@Komachian
Komachian committed Feb 3, 2023
1 parent 8076296 commit 9c7670d
Show file tree
Hide file tree
Showing 24 changed files with 706 additions and 357 deletions.
30 changes: 15 additions & 15 deletions components/Footer/Footer.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,13 +7,13 @@ const Footer = () => {
<div className={styles.footer}>
<div className={[styles.mainSection].join(' ')}>
<div className={[styles.section3].join(' ')}>
<div className={styles.anwesha_text}>
<Link href="/" className={styles.anwesha_text}>
<img
src="/Anwesha_text.png"
alt="Anwesha"
className={styles.anwesha_text_img}
/>
</div>
</Link>
<div
className={[styles.icon_links, styles.linkGroup].join(
' '
Expand Down Expand Up @@ -59,23 +59,23 @@ const Footer = () => {
</a>
</div> */}
</div>

<div className={[styles.sectionSeperator].join(' ')}></div>
<img src="/assets/frame.svg"/>
{/* <div className={[styles.sectionSeperator].join(' ')}></div> */}
<div className={[styles.section1].join(' ')}>
<h4>
Email :{' '}
<a href="mailto:[email protected]">
<a href="mailto:[email protected]">
<img src="/footer/mail.svg"/>{' '}
<span>
[email protected]
</a>
</h4>
<h4>Phone : +91 7907323522 </h4>
<h4>
Address : Anwesha Office, Indian Institute of Technology
Patna, Bihta, Patna - 801 103
</h4>
</span>
</a>
<a href="tel:+917907323522"><img src="/footer/phone.svg"/> <span>+91 79073 23522 </span></a>
<a href="https://goo.gl/maps/g8QCu3qN2DhuM2W49">
<img src="/footer/location.svg"/><div>Anwesha Office,<br/>Indian Institute of Technology
Patna,<br/>Bihta, Patna - 801 103</div>
</a>
</div>
</div>
<div className={[styles.footerSeperator].join(' ')}>svsdf</div>
{/* <div className={[styles.footerSeperator].join(' ')}>svsdf</div> */}
</div>
)
}
Expand Down
37 changes: 29 additions & 8 deletions components/Footer/Footer.module.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@
justify-content: space-around;
overflow-x: hidden;
font-size: 1.1rem;


}

Expand Down Expand Up @@ -55,35 +56,54 @@
justify-content: center;
overflow: hidden;
font-size: 1.1rem;
margin: 5vh;
}

.section1 h4 {
.section1 a {
padding: 7px;
overflow: hidden;
display: flex;
flex-direction: row;
align-items: center;
text-decoration: none;
/* display: flex;
justify-content: center; */
/* text-align: center; */
}

.section1 h4 a {
.section1 a span {
color: white;
cursor: pointer;
overflow: hidden;
text-decoration: none;
}

.section1 div {
color: white;
}

.section1 h4 a:hover {

.section1 a:hover {
/* padding: 7px; */
color: blue;
transform: scale(1.05);
transition-property: color;
transition-timing-function: ease-in-out;
transition-duration: 0.5s;
}

.section1 img {
height: 30px;
margin-right: 10px;
}

.icon_link {
color: white;
text-decoration: none;
font-size: 0.75rem;
cursor: pointer;
display: flex;
width: 60px;
height: 60px;
width: 50px;
height: 50px;
color: blue;
align-items: center;
justify-content: center;
Expand Down Expand Up @@ -140,12 +160,13 @@
/* align-items: center; */
overflow: hidden;
justify-content: center;
margin-left: 5vh;
}
.anwesha_text{
display: flex;
height: 9vh;
height: 13vh;
padding: 4px;
margin: 10px;
margin: 5vh;
/* margin-top: 4px; */
}
.anwesha_text_img{
Expand Down
54 changes: 45 additions & 9 deletions components/Navbar/Navbar.js
View file
Original file line number Diff line number Diff line change
@@ -1,34 +1,59 @@
import { useState, useEffect } from "react";
import Link from "next/link";
import styles from './Navbar.module.css'
// import 'bootstrap/dist/css/bootstrap.min.css';
// import 'bootstrap/dist/js/bootstrap.bundle.min'


const Navbar = () => {
const [openSide, setSideOpen] = useState(false);
const [mobile, setMobile] = useState(false);
function handleResize() {
if(window.innerWidth <= '500') {
setMobile(true);
}
else {
setMobile(false);
setSideOpen(false);
}
}

useEffect(() => {handleResize}, [])

useEffect(() => {

window.addEventListener('resize', handleResize);
return _ => {
window.removeEventListener('resize', handleResize)}
})

return (
<div >
<div className={styles.nav_container}>
{/* <Head>
<link href='https://fonts.googleapis.com/css?family=Poppins' rel='stylesheet' />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous" />
</Head> */}
<div className={styles.nav_div}>
<img src="./navbar/navbar mandala left.svg" className={[styles.navbar_3].join(" ")} />
{mobile ? openSide ? <img className={styles.side_icon} src="/assets/close.svg" onClick={() => {setSideOpen(false)}}/> : <img className={styles.side_icon} src="/assets/hamburger.svg" onClick={() => {setSideOpen(true)}}/> : <img src="./navbar/navbar mandala left.svg" className={[styles.navbar_3].join(" ")} />}
<img src="./navbar/navbar mandala right.svg" className={styles.navbar_4} />
<div className={styles.navbar_flex}>
<Link href="/">
<img src="./navbar/logo.svg" className={[styles.navbar_2].join(" ")} />
</Link>
<img src="./navbar/nav bar1.svg" className={styles.navbar_1} />
<h4 className={` ${styles.item_1} nav-item`}>
<Link className="nav-link active" aria-current="page" href="/campusambassador">CA</Link>
<Link className={styles.nav_item} aria-current="page" href="/campusambassador">CA</Link>
</h4>
<h4 className={` ${styles.item_2} nav-item`}>
<Link className="nav-link active" aria-current="page" href="/all-multicity">Multicity</Link>
</h4>
<h4 className={styles.item_3}>
<Link className="nav-link active" aria-current="page" href="#">Events</Link>
<Link className={styles.nav_item} aria-current="page" href="/all-multicity">Multicity</Link>
</h4>
<nav className={` navbar ${styles.toggle_nav}`}>
{/* <h4 className={styles.item_3}>
<Link className={styles.nav_item} aria-current="page" href="#">Events</Link>
</h4> */}
</div>

{/* <nav className={` navbar ${styles.toggle_nav}`}>
<div className= {`container-fluid`}>
<button className={ `${styles.b} navbar-toggler `} type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar">
<span className= {`navbar-toggler-icon ${styles.toggle_icon}`} ></span>
Expand All @@ -55,8 +80,19 @@ const Navbar = () => {
</div>
</div>
</div>
</nav>
</nav> */}
</div>
{openSide ? <div className={styles.side_menubar}>
<h4 className={styles.sidemenu_item}>
<Link className={styles.sidenav_item} aria-current="page" href="/campusambassador">CA</Link>
</h4>
<h4 className={styles.sidemenu_item}>
<Link className={styles.sidenav_item} aria-current="page" href="/all-multicity">Multicity</Link>
</h4>
{/* <h4 className={styles.sidemenu_item}>
<Link className={styles.sidenav_item} aria-current="page" href="#">Events</Link>
</h4> */}
</div> : null}
</div >
);
}
Expand Down
Loading

0 comments on commit 9c7670d

Please sign in to comment.