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

added styling to contact us page #28

Merged
merged 3 commits into from
Oct 9, 2023
Merged

added styling to contact us page #28

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
1a7f7c6
added styling to contact us page
sannidhi-s-shetty Oct 8, 2023
068b2a4
line break
MayurSChittaragi Oct 9, 2023
00fe514
Timeline update
MayurSChittaragi Oct 9, 2023
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
2 changes: 1 addition & 1 deletion components/TimeLine.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ export default function CustomTimeLine() {
<h1 className="my-4 bg-gradient-to-r from-green-300 via-blue-500 to-purple-600 bg-clip-text text-2xl font-extrabold text-transparent underline">
Important Dates
</h1>
<Timeline active={0} bulletSize={24} lineWidth={3}>
<Timeline active={4} bulletSize={24} lineWidth={3}>
{data.map((item, index) => (
<Timeline.Item
key={index}
Expand Down
172 changes: 80 additions & 92 deletions pages/contact.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,100 +1,88 @@
import React from "react";

import { PhoneIcon } from "@heroicons/react/solid";
function contact() {
return (
<>
<div className="flex flex-col sm:flex-row">
<div className="relative z-10 w-full md:w-1/2 lg:w-1/2">
<table className="mx-auto mt-40 border-collapse border border-gray-300">
<tr>
<th className="border border-gray-300 px-4 py-2">Name</th>
<th className="border border-gray-300 px-4 py-2">
Contact Number
</th>
</tr>
<tr>
<td className="border border-gray-300 px-4 py-2">
Dr. Abhilash Krishna D G
</td>
<td className="border border-gray-300 px-4 py-2">
+91 7989341864
</td>
</tr>
<tr>
<td className="border border-gray-300 px-4 py-2">
Dr. Parth Sarathi Panigrahy
</td>
<td className="border border-gray-300 px-4 py-2">
+91 8847834371
</td>
</tr>
<tr>
<td className="border border-gray-300 px-4 py-2">
Dr. Pandry Narendra Rao
</td>
<td className="border border-gray-300 px-4 py-2">
+91 9885414398
</td>
</tr>
<tr>
<td className="border border-gray-300 px-4 py-2">
Dr. Vandana Jha{" "}
</td>
<td className="border border-gray-300 px-4 py-2">
+91 8969977560
</td>
</tr>
</table>
</div>
<div className="relative z-10 mt-10 flex w-full flex-col rounded-lg p-8 shadow-md md:w-1/2 lg:w-1/2">
{/* <h2 className="title-font mb-1 text-lg font-medium text-white">
Contact Us
</h2>
<p className="mb-5 leading-relaxed text-white">
Any Doubts pertaining to the CSITSS
</p>
<form action="https://formspree.io/f/xrgrdozk" method="POST">
<div className="relative mb-4">
<label
htmlFor="email"
className="text-sm leading-7 text-gray-400"
>
Email
</label>
<input
type="email"
id="email"
name="email"
className="w-full rounded border border-gray-700 bg-gray-800 py-1 px-3 text-base leading-8 text-gray-100 outline-none transition-colors duration-200 ease-in-out focus:border-indigo-500 focus:ring-2 focus:ring-indigo-900"
/>
</div>
<div className="relative mb-4">
<label
htmlFor="message"
className="text-sm leading-7 text-gray-400"
>
Message
</label>
<textarea
id="message"
name="message"
className="h-32 w-full resize-none rounded border border-gray-700 bg-gray-800 py-1 px-3 text-base leading-6 text-gray-100 outline-none transition-colors duration-200 ease-in-out focus:border-indigo-500 focus:ring-2 focus:ring-indigo-900"
></textarea>
<br />
<div className="container my-4 mx-auto bg-gray-100 p-4">
<div className="grid grid-cols-1 gap-1 md:grid-cols-2">
<div>
<img
src="https://images.unsplash.com/photo-1485770958101-9dd7e4ea6d93?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1932&q=80"
alt="contact"
className="h-auto w-full rounded-xl"
/>
</div>
<div>
<div className="md:flex md:flex-col md:justify-between">
<div className="mb-4 p-2 md:mb-0 ">
<table className="mx-auto w-full border-collapse border border-gray-300 text-sm">
<tr>
<th className="border border-black px-4 py-2 text-left">
Name
</th>
<th className="border border-black px-4 py-2 text-left">
Contact Number
</th>
</tr>
<tr>
<td className="border border-black px-4 py-2">
Dr. Abhilash Krishna D G
</td>

<td className="flex-row border border-black px-4 py-2">
<div className="flex">
<PhoneIcon className="mx-2 h-4 w-4" />
+91 7989341864
</div>
</td>
</tr>
<tr>
<td className="border border-black px-4 py-2">
Dr. Parth Sarathi Panigrahy
</td>
<td className="border border-black px-4 py-2">
<div className="flex">
<PhoneIcon className="mx-2 h-4 w-4" />
+91 8847834371
</div>
</td>
</tr>
<tr>
<td className="border border-black px-4 py-2">
Dr. Pandry Narendra Rao
</td>
<td className="border border-black px-4 py-2">
<div className="flex">
<PhoneIcon className="mx-2 h-4 w-4" />
+91 9885414398
</div>
</td>
</tr>
<tr>
<td className="border border-black px-4 py-2">
Dr. Vandana Jha{" "}
</td>
<td className="border border-black px-4 py-2">
<div className="flex">
<PhoneIcon className="mx-2 h-4 w-4" />
+91 8969977560
</div>
</td>
</tr>
</table>
</div>
<div className="mt-4">
<h3 className="h-full text-center align-middle text-sm md:text-lg">
For any queires, please mail us at
<br />
<a href="mailto:[email protected]">
<span className="font-bold">[email protected]</span>
</a>
</h3>
</div>
</div>
<button className="rounded border-0 bg-indigo-500 py-2 px-6 text-lg text-white hover:bg-indigo-600 focus:outline-none">
Send
</button>
</form>
<p className="mt-3 text-xs text-gray-400 text-opacity-90">
Your email will be not shared with anyone.
</p> */}
<h3 className="h-full pt-32 text-center align-middle">
For any queires, please mail us at
<br />
<a href="mailto:[email protected]">
<span className="font-bold">[email protected]</span>
</a>
</h3>
</div>
</div>
</div>
</>
Expand Down
Loading