Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Update Team details and replace dsc with gdsc #6

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Update Team details and replace dsc with gdsc #6

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions public/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@
content="Developer Student Clubs
Pimpri Chinchwad College of Engineering

Students from all undergraduate or graduate programs with an interest in growing as a developer are welcome. A community of Developers, Designers and Programmers. By joining a DSC, students grow their knowledge in a peer-to-peer learning environment and build solutions for local businesses and their community." />
Students from all undergraduate or graduate programs with an interest in growing as a developer are welcome. A community of Developers, Designers and Programmers. By joining a GDSC, students grow their knowledge in a peer-to-peer learning environment and build solutions for local businesses and their community." />
<link rel="apple-touch-icon" href="%PUBLIC_URL%/dsclogo.ico" />
<!--
manifest.json provides metadata used when your web app is installed on a
Expand All @@ -31,7 +31,7 @@
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>DSC PCCOE</title>
<title>GDSC PCCOE</title>
</head>

<body>
Expand Down
148 changes: 114 additions & 34 deletions src/components/Footer.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,35 +1,115 @@
import React from 'react';
import {Link} from 'react-router-dom';
import Img from '../assets/logos/dscpccoe.png';
import React from "react";
import { Link } from "react-router-dom";
import Img from "../assets/logos/dscpccoe.png";

const Footer = ()=>{
return(

<div className="footer pt-2 mt-3 pl-1 mb-n5" style={{backgroundColor:"#f2f2f2", minHeight:"120px", display:"flex", flexDirection:"column", justifyContent:"center"}} >
<div style={{display:"flex", justifyContent:"space-evenly", alignItems:"center"}}>
<div className="image" style={{display:"flex", flexDirection:"column", justifyContent:"space-between"}}>
<img src={Img} alt="im" />
<h6 className=" ml-2 font-weight-lighter" style={{fontWeight:"lighter !important",color:"gray", fontFamily:""}}><i style={{fontSize:"14px", fontWeight:"lighter"}} className="mt-3 far fa-copyright"></i> DSC PCCoE 2020</h6>


</div>
<div className="social-media-links" style={{display:"flex",flexDirection:"column",justifyContent:"space-evenly"}}>

<div className="my-3">
<a href="https://www.facebook.com/dscpccoe/" target="blank" style={{fontSize:"28px", color:"#999999"}} className="mx-4 social-links"><i className="fab fa-facebook"></i></a>
<a href="https://github.com/dscpccoe" target="blank" style={{fontSize:"28px", color:"#999999"}} className="mx-4 social-links"><i className="fab fa-github"></i></a>
<a href="https://www.instagram.com/dscpccoe/?hl=en" target="blank" style={{fontSize:"28px", color:"#999999"}} className="mx-4 social-links"><i className="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/company/dsc-pccoe/" target="blank" style={{fontSize:"28px", color:"#999999"}} className="mx-4 social-links"><i className="fab fa-linkedin"></i></a>
<a href="https://twitter.com/dscpccoe?lang=en" target="blank" style={{fontSize:"28px", color:"#999999"}} className="mx-4 social-links"><i className="fab fa-twitter"></i></a>
<a href="https://www.youtube.com/channel/UCSCRtLfcsJIPi2wMu9my5-g" target="blank" style={{fontSize:"28px", color:"#999999"}} className="mx-4 social-links"><i className="fab fa-youtube"></i></a>
</div>
<h6 className="ml-4">Made with <span>&#128151;</span> by <Link to="/team">Frontend Team</Link></h6>

</div>

</div>
</div>

)
}
export default Footer;
const Footer = () => {
return (
<div
className="footer pt-2 mt-3 pl-1 mb-n5"
style={{
backgroundColor: "#f2f2f2",
minHeight: "120px",
display: "flex",
flexDirection: "column",
justifyContent: "center",
}}
>
<div
style={{
display: "flex",
justifyContent: "space-evenly",
alignItems: "center",
}}
>
<div
className="image"
style={{
display: "flex",
flexDirection: "column",
justifyContent: "space-between",
}}
>
<img src={Img} alt="im" />
<h6
className=" ml-2 font-weight-lighter"
style={{
fontWeight: "lighter !important",
color: "gray",
fontFamily: "",
}}
>
<i
style={{ fontSize: "14px", fontWeight: "lighter" }}
className="mt-3 far fa-copyright"
></i>{" "}
GDSC PCCoE 2020
</h6>
</div>
<div
className="social-media-links"
style={{
display: "flex",
flexDirection: "column",
justifyContent: "space-evenly",
}}
>
<div className="my-3">
<a
href="https://www.facebook.com/dscpccoe/"
target="blank"
style={{ fontSize: "28px", color: "#999999" }}
className="mx-4 social-links"
>
<i className="fab fa-facebook"></i>
</a>
<a
href="https://github.com/dscpccoe"
target="blank"
style={{ fontSize: "28px", color: "#999999" }}
className="mx-4 social-links"
>
<i className="fab fa-github"></i>
</a>
<a
href="https://www.instagram.com/dscpccoe/?hl=en"
target="blank"
style={{ fontSize: "28px", color: "#999999" }}
className="mx-4 social-links"
>
<i className="fab fa-instagram"></i>
</a>
<a
href="https://www.linkedin.com/company/dsc-pccoe/"
target="blank"
style={{ fontSize: "28px", color: "#999999" }}
className="mx-4 social-links"
>
<i className="fab fa-linkedin"></i>
</a>
<a
href="https://twitter.com/dscpccoe?lang=en"
target="blank"
style={{ fontSize: "28px", color: "#999999" }}
className="mx-4 social-links"
>
<i className="fab fa-twitter"></i>
</a>
<a
href="https://www.youtube.com/channel/UCSCRtLfcsJIPi2wMu9my5-g"
target="blank"
style={{ fontSize: "28px", color: "#999999" }}
className="mx-4 social-links"
>
<i className="fab fa-youtube"></i>
</a>
</div>
<h6 className="ml-4">
Made with <span>&#128151;</span> by{" "}
<Link to="/team">Frontend Team</Link>
</h6>
</div>
</div>
</div>
);
};
export default Footer;
135 changes: 92 additions & 43 deletions src/components/Header.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,49 +1,98 @@
import React from 'react';
import 'react-typewriting-effect/dist/index.css';
import Img from '../assets/Capture.JPG';
import FadeIn from 'react-fade-in';
import React from "react";
import "react-typewriting-effect/dist/index.css";
import Img from "../assets/Capture.JPG";
import FadeIn from "react-fade-in";




function Header(){

return(
<div>
<div className="container-fluid d-flex justify-content-center mt-4" style={{minHeight:"70vh"}}>
<div className="row" style={{display:"flex", width:"100%" , justifyContent:"center", alignItems:"center"}}>

<div className="col-lg-5 header-text" style={{display:"flex", flexDirection:"column", justifyContent:"center", alignItems:"start"}}>
<FadeIn delay="190">
<div class="typewriter" style={{width:"fit-content"}}>
<h1 className="font-weight-bold head " style={{color:"#404040", }}>Developer Student Clubs</h1>

</div>
<br/>
<h4 className="" style={{color:"#404040"}}>Pimpri Chinchwad College of Engineering</h4>
<br/>
<p className="" style={{width:"fit-content",fontWeight:"lighter !important"}} >Students from all undergraduate or graduate programs with an interest in growing as a developer are welcome.
A community of <span className="text-success font-weight-bold">Developers</span>, <span className="text-danger font-weight-bold">Designers</span> and <span className="text-primary font-weight-bold">Programmers</span>
. By joining a DSC, students grow their knowledge in a peer-to-peer learning environment and build solutions for local businesses and their community.

</p>
<br/>
<div className="developer-logo" style={{display:"flex",alignItems:"center"}}>

<h4 className="mr-2 mt-1">Powered By</h4>
<a href="https://gdg.community.dev/" target="blank"><img alt = "img" src={Img}/></a>
</div>
</FadeIn>
function Header() {
return (
<div>
<div
className="container-fluid d-flex justify-content-center mt-4"
style={{ minHeight: "70vh" }}
>
<div
className="row"
style={{
display: "flex",
width: "100%",
justifyContent: "center",
alignItems: "center",
}}
>
<div
className="col-lg-5 header-text"
style={{
display: "flex",
flexDirection: "column",
justifyContent: "center",
alignItems: "start",
}}
>
<FadeIn delay="190">
<div class="typewriter" style={{ width: "fit-content" }}>
<h1
className="font-weight-bold head "
style={{ color: "#404040" }}
>
Google Developer Student Clubs
</h1>
</div>

<div className="col-lg-7 pl-5" >
<FadeIn delay="180">
<lottie-player className=" " src="https://assets8.lottiefiles.com/packages/lf20_atgjqorh.json" background="transparent" speed="1.5" style={{maxWidth:"100%", height : 'auto'}} loop autoplay></lottie-player>
</FadeIn>
<br />
<h4 className="" style={{ color: "#404040" }}>
Pimpri Chinchwad College of Engineering
</h4>
<br />
<p
className=""
style={{
width: "fit-content",
fontWeight: "lighter !important",
}}
>
Students from all undergraduate or graduate programs with an
interest in growing as a developer are welcome. A community of{" "}
<span className="text-success font-weight-bold">
Developers
</span>
,{" "}
<span className="text-danger font-weight-bold">Designers</span>{" "}
and{" "}
<span className="text-primary font-weight-bold">
Programmers
</span>
. By joining a GDSC, students grow their knowledge in a
peer-to-peer learning environment and build solutions for local
businesses and their community.
</p>
<br />
<div
className="developer-logo"
style={{ display: "flex", alignItems: "center" }}
>
<h4 className="mr-2 mt-1">Powered By</h4>
<a href="https://gdg.community.dev/" target="blank">
<img alt="img" src={Img} />
</a>
</div>
</div>
</FadeIn>
</div>

<div className="col-lg-7 pl-5">
<FadeIn delay="180">
<lottie-player
className=" "
src="https://assets8.lottiefiles.com/packages/lf20_atgjqorh.json"
background="transparent"
speed="1.5"
style={{ maxWidth: "100%", height: "auto" }}
loop
autoplay
></lottie-player>
</FadeIn>
</div>
</div>
)
</div>
</div>
);
}
export default Header;
export default Header;
Loading