From 57ed1050e481a85a60449d1c5f84b6e067f96f53 Mon Sep 17 00:00:00 2001 From: shradham2612 <91412882+shradham2612@users.noreply.github.com> Date: Sun, 29 May 2022 16:13:28 +0530 Subject: [PATCH] Add files via upload changes in some words updated one --- card.css | 84 +++++++++++++++++++++++++++++ card.js | 45 ++++++++++++++++ coder.jpg | Bin 0 -> 46707 bytes head.css | 45 ++++++++++++++++ head.js | 43 +++++++++++++++ name_list.js | 146 +++++++++++++++++++++++++++++++++++++++++++++++++++ team.gif | Bin 0 -> 239110 bytes 7 files changed, 363 insertions(+) create mode 100644 card.css create mode 100644 card.js create mode 100644 coder.jpg create mode 100644 head.css create mode 100644 head.js create mode 100644 name_list.js create mode 100644 team.gif diff --git a/card.css b/card.css new file mode 100644 index 0000000..ec14045 --- /dev/null +++ b/card.css @@ -0,0 +1,84 @@ +.flip-card-container-main { + padding: 1px auto; + width: 200px; + height: 160px; + perspective: 1000px; + border-radius: 5px; +} + +.flip-card { + position: relative; + width: 100%; + height: 100%; + transition: transform 1s; + transform-style: preserve-3d; +} + +.flip-card-container:hover .flip-card { + transform: rotateY(180deg); + /* <=> rotateY(.5turn) */ +} + +.flip-card-container-main:hover .flip-card { + transform: rotateY(180deg); + /* <=> rotateY(.5turn) */ +} + +/* Position the front and back side */ + +.flip-card-front, +.flip-card-back { + position: absolute; + width: 100%; + height: 100%; + -webkit-backface-visibility: hidden; + /* Safari */ + backface-visibility: hidden; + display: flex; + flex-direction: column; + align-items: center; + border-radius: 5px; + /* border-radius: 0.5rem; */ +} + +.flip-card-front { + background-color: rgb(0, 0, 0); + color: rgb(198, 31, 31); +} + +.flip-card-back { + transform: rotateY(180deg); + background: #88273a; + background: -webkit-linear-gradient(to top, #3f5efb, #fc466b); + background: linear-gradient(to top, #3f5efb, #fc466b); + position: relative; +} + +.name { + top: 10px; + color: azure; +} + +.Position { + top: 25px; + font-weight: 9000; + color: azure; +} + +.heading { + margin-top: 65px; + margin-bottom: 65px; + color: aliceblue; + padding-bottom: 5px; +} + +.whole { + display: grid; + justify-content: space-evenly; + grid-template-columns: auto auto auto auto; + grid-row-gap: 29px; + padding-bottom: 50px; + + padding-left: 30px; + padding-right: 30px; +} diff --git a/card.js b/card.js new file mode 100644 index 0000000..dd4fbd8 --- /dev/null +++ b/card.js @@ -0,0 +1,45 @@ +import coder from "./components/coder.jpg"; +import React from "react"; +import Aos from "aos"; +import "aos/dist/aos.css"; +import "./components/card.css"; +import name_list from "./components/name_list"; + +function Card() { + Aos.init({ duration: 2000, offset: 200 }); + { + function This_card(props) { + return ( +
kZiDNbU_#4dxzVv(L>VG@W&Lp oC3vr?*qy2U9Y5tY6t96Xnx=y7u
zZ$%C$3*FOl&*6NVJvN*6MFCjZrMhl5y%kVXn0MkSTl{rmy{0sNIDV9&SYOY|$i9hr
zZJxm)FcZY2Ut`yqp7iSNf-ZE|RI6eBet}!iuWkDEhqw;zUCj`a1f<%6)qB&)uH1P@
z`n*(Uxm4RCk3{XlBx?$fp}E{K&DZ)Jm_^ZYF7N`trC}Ru=jY-*z_&J1<`brDS1Gm$
z^%#yB+sNrs6Q5NTPtiEgGcvF0(DL)&xxs#z`1t*I$aig>tVXeEI-5ost>6_k>xm=B
zA3t8I+}Vx% )Fk=b6rwwV6xp-k%T7P3VT;@<=&%{YD}7zap3X%3hVX#u%aYaL6OETY628iJ
z6|wEzJh%R0K3&Etj+Qpf%~AEA_{@Hw7L^~&C&2dI;qrkht(-UmpBc#Mvr< )fw-D}WlI-XFpSuVqy6mP)n9B=>Wr`lzqIn<8bk{z$a@)-$X
zc}J{Jbbb{Y-V0F^Pw?~?lirVZMEZ`V7f1y}Do14Z#1Gk)`y`#MQ&Gufzt%X
jjJ#5v@T)_iFb>tNy8G79+x;;O&fyUFrIiUUWw
zutZ#(+tC2e(b!Jy>rK7x?&Sz86D+;~ZH%GxSJ3b3#lF*