Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
images non selectable and draggable now, closes #16
- Loading branch information
Showing
14 changed files
with
22,094 additions
and
301 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,74 +1,119 @@ | ||
|
||
import * as React from "react" | ||
import * as React from "react"; | ||
import { useState } from "react"; | ||
import {FaEnvelope} from "react-icons/fa" | ||
import | ||
{ImLocation, | ||
ImPhoneHangUp | ||
} | ||
from "react-icons/im" | ||
import { FaEnvelope } from "react-icons/fa"; | ||
import { ImLocation, ImPhoneHangUp } from "react-icons/im"; | ||
import Navbar from "./../components/navbar"; | ||
import Rectangles from "./../components/rectangle"; | ||
import "../Events.scss" | ||
import border from '../images/border.png' | ||
import "../Events.scss"; | ||
import border from "../images/border.png"; | ||
const ContactPage = () => { | ||
const [isExpanded, toggleExpansion] = useState(false); | ||
|
||
return ( | ||
<div> | ||
<Navbar isExpanded={isExpanded} toggleExpansion={toggleExpansion} /> | ||
<Rectangles /> | ||
|
||
<div className="container lg:mt-14 mt-5 mx-auto"> | ||
<center> | ||
<div className="w-full flex justify-center"> | ||
<div className="flex"> | ||
<img className="object-scale-down w-44 sm:w-52 md:w-64 lg:w-80 xl:w-96 h-24" src={border} alt="lines"/> | ||
<p style={{fontFamily:"Poppins"}} className="text-center text-2xl absolute sm:text-5xl md:text-2xl lg:text-3xl ml-8 mt-4 md:ml-16 mb-0 lg:ml-24 xl:ml-32 "> | ||
Contact Us | ||
</p> | ||
</div> | ||
</div> | ||
|
||
|
||
</center> | ||
<br></br> | ||
|
||
<div className="grid grid-cols-1 md:grid-cols-2 md:mb-4 lg:px-40 md:px-10 lg:mt-14" > | ||
<div className="xl:px-20 md:px-2 md:order-first order-last pr-0 pl-20 md:pl-10 lg:mb-8 -ml-4 contactbox"> | ||
|
||
<p className="text-sm lg:text-xl "><span className="env "><ImLocation style={{display:"inline",fontSize:"1.5rem",fill:"white"}}/></span> VIT Vellore</p> | ||
<br></br><br></br> | ||
<p className="text-sm lg:text-xl "><span className="env "><FaEnvelope style={{display:"inline",fontSize:"1.5rem",fill:"white"}}/></span> arcs.register@gmail.com</p> | ||
<br></br><br></br> | ||
<p className="text-sm lg:text-xl"><span className="env"><ImPhoneHangUp style={{display:"inline",fontSize:"1.5rem",fill:"white"}}/></span> 8160XXXXXX</p> | ||
|
||
</div> | ||
|
||
<div className="place-self-center "> | ||
<form> | ||
<input className=" flex justify-center bginput bg-gray-100 rounded p-3 md:p-4 md:w-96 md:mx-auto lg:leading-4 text-gray-400 w-72 leading-3 lg:text-l text-sm" type="name" placeholder="NAME"></input> | ||
<br> | ||
</br> | ||
|
||
<input className="flex justify-center bginput bg-gray-100 rounded p-3 md:p-4 md:w-96 md:mx-auto lg:leading-4 text-gray-400 w-72 leading-3 lg:text-l text-sm" type="email" placeholder="EMAIL"></input> | ||
<br></br> | ||
|
||
<textarea className=" flex justify-center bginput bg-gray-100 rounded p-3 md:p-4 md:w-96 md:mx-auto lg:leading-4 text-gray-400 w-72 leading-3 lg:text-l text-sm" placeholder="MESSAGE" rows="4"></textarea> | ||
const [isExpanded, toggleExpansion] = useState(false); | ||
|
||
return ( | ||
<div> | ||
<Navbar isExpanded={isExpanded} toggleExpansion={toggleExpansion} /> | ||
<Rectangles /> | ||
|
||
<div className="container lg:mt-14 mt-5 mx-auto"> | ||
<center> | ||
<div className="w-full flex justify-center"> | ||
<div className="flex"> | ||
<img | ||
draggable="false" | ||
className="object-scale-down w-44 sm:w-52 md:w-64 lg:w-80 xl:w-96 h-24" | ||
src={border} | ||
alt="lines" | ||
/> | ||
<p | ||
style={{ fontFamily: "Poppins" }} | ||
className="text-center text-2xl absolute sm:text-5xl md:text-2xl lg:text-3xl ml-8 mt-4 md:ml-16 mb-0 lg:ml-24 xl:ml-32 " | ||
> | ||
Contact Us | ||
</p> | ||
</div> | ||
</div> | ||
</center> | ||
<br></br> | ||
|
||
<button type="button" className="submitButton relative leading-3 mx-0 my-0 h-8 md:w-96 rounded-3xl text-center w-72" >SUBMIT</button> | ||
</form> | ||
</div> | ||
|
||
</div> | ||
|
||
|
||
</div> | ||
|
||
<div className="grid grid-cols-1 md:grid-cols-2 md:mb-4 lg:px-40 md:px-10 lg:mt-14"> | ||
<div className="xl:px-20 md:px-2 md:order-first order-last pr-0 pl-20 md:pl-10 lg:mb-8 -ml-4 contactbox"> | ||
<p className="text-sm lg:text-xl "> | ||
<span className="env "> | ||
<ImLocation | ||
style={{ | ||
display: "inline", | ||
fontSize: "1.5rem", | ||
fill: "white", | ||
}} | ||
/> | ||
</span>{" "} | ||
VIT Vellore | ||
</p> | ||
<br></br> | ||
<br></br> | ||
<p className="text-sm lg:text-xl "> | ||
<span className="env "> | ||
<FaEnvelope | ||
style={{ | ||
display: "inline", | ||
fontSize: "1.5rem", | ||
fill: "white", | ||
}} | ||
/> | ||
</span>{" "} | ||
arcs.register@gmail.com | ||
</p> | ||
<br></br> | ||
<br></br> | ||
<p className="text-sm lg:text-xl"> | ||
<span className="env"> | ||
<ImPhoneHangUp | ||
style={{ | ||
display: "inline", | ||
fontSize: "1.5rem", | ||
fill: "white", | ||
}} | ||
/> | ||
</span> | ||
8160XXXXXX | ||
</p> | ||
</div> | ||
|
||
<div className="place-self-center "> | ||
<form> | ||
<input | ||
className=" flex justify-center bginput bg-gray-100 rounded p-3 md:p-4 md:w-96 md:mx-auto lg:leading-4 text-gray-400 w-72 leading-3 lg:text-l text-sm" | ||
type="name" | ||
placeholder="NAME" | ||
></input> | ||
<br></br> | ||
|
||
<input | ||
className="flex justify-center bginput bg-gray-100 rounded p-3 md:p-4 md:w-96 md:mx-auto lg:leading-4 text-gray-400 w-72 leading-3 lg:text-l text-sm" | ||
type="email" | ||
placeholder="EMAIL" | ||
></input> | ||
<br></br> | ||
|
||
<textarea | ||
className=" flex justify-center bginput bg-gray-100 rounded p-3 md:p-4 md:w-96 md:mx-auto lg:leading-4 text-gray-400 w-72 leading-3 lg:text-l text-sm" | ||
placeholder="MESSAGE" | ||
rows="4" | ||
></textarea> | ||
<br></br> | ||
|
||
<button | ||
type="button" | ||
className="submitButton relative leading-3 mx-0 my-0 h-8 md:w-96 rounded-3xl text-center w-72" | ||
> | ||
SUBMIT | ||
</button> | ||
</form> | ||
</div> | ||
</div> | ||
|
||
) | ||
} | ||
export default ContactPage | ||
</div> | ||
</div> | ||
); | ||
}; | ||
|
||
export default ContactPage; |
Oops, something went wrong.