Skip to content

Commit

Permalink
New Commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@sufi0900
sufi0900 committed Jan 31, 2024
1 parent f649cd6 commit a5e0f91
Show file tree
Hide file tree
Showing 4 changed files with 104 additions and 70 deletions.
35 changes: 17 additions & 18 deletions app/contact/code.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -227,27 +227,27 @@ const ContactMe = () => {
/>{" "}
</div>
<div>
<Button
className=" "
<button
className="button-85"
variant="contained"
type="submit"
data-aos="zoom-in"
data-aos-delay="100"
style={{
padding: "13px 40px",
background: "rgb(253, 6, 204)",
style={{ padding: "13px 40px" }}
// style={{
//
// background: "rgb(253, 6, 204)",

transition: "0.4s",
transform: "scale(1)",
// transition: "0.4s",
// transform: "scale(1)",

boxShadow:
"rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset",
cursor: "pointer",
}}
startIcon={<SendIcon />}
// boxShadow:
// "rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset",
// cursor: "pointer",
// }}
// startIcon={<SendIcon />}
>
<p>
{/* <motion.p
{/* <motion.p
animate={{
x: [4, -4],
}}
Expand All @@ -258,9 +258,8 @@ const ContactMe = () => {
repeatType: "reverse",
}}
> */}
Submit
{/* </motion.p> */}
</p>
<SendIcon /> Submit
{/* </motion.p> */}
{/* <span class="form__btn--invisible">
<motion.p
animate={{
Expand All @@ -277,7 +276,7 @@ const ContactMe = () => {
Msg Sent ✅
</motion.p>
</span> */}
</Button>
</button>
{/* <Button
className="form__btn"
type="submit"
Expand Down
3 changes: 1 addition & 2 deletions app/contact/page.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import React from "react";
import Code from "./code";
import Comment from "../blogs2/page";

export const metadata = {
title: "Contact Me - Sufian Mustafa",
description:
Expand All @@ -11,7 +11,6 @@ const page = () => {
return (
<>
<Code />
<Comment />
</>
);
};
Expand Down
130 changes: 84 additions & 46 deletions app/footer/code.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -138,53 +138,91 @@ const Footer = () => {
responsive websites. Lets connect and create something
amazing.
</p>
</div>

<ul className="footerc1">
<li>Email: sufianmustafa0900.com</li>
<li>Phone: +92 3177 652064</li>
<li>Address: Pakistan KPK (Mardan)</li>
<li>
Social Links
<br />
<Tooltip title="LinkedIn" placement="top">
<Button
href="https://www.linkedin.com/in/sufian-mustafa-7a7845226/"
target="_blank"
rel="northerner"
style={{ color: "blue" }}
startIcon={<LinkedIn />}
></Button>
</Tooltip>
<Tooltip title="GitHub" placement="top">
<Button
href="https://github.com/sufi0900"
target="_blank"
rel="noreferrer"
startIcon={<GitHub />}
style={{ color: "blue" }}
></Button>
</Tooltip>
<Tooltip title="WhatsApp" placement="top">
<Button
href="https://api.whatsapp.com/send?phone=03177652064"
target="_blank"
rel="noreferrer"
startIcon={<WhatsApp />}
style={{ color: "blue", padding: "2px" }}
></Button>
</Tooltip>
<Tooltip title="Dev.to" placement="top">
<Button
href="https://dev.to/sufian"
target="_blank"
rel="noreferrer"
startIcon={<LogoDevIcon />}
style={{ color: "blue", padding: "2px" }}
></Button>
</Tooltip>
</li>
</ul>
<ul className="footerc1">
<li
style={{
marginBottom: "10px",
fontSize: "18px",
color: "blue",
}}
>
<span style={{ color: "black" }}>Email:</span>{" "}
sufianmustafa0900.com
</li>
<li
style={{
marginBottom: "10px",
fontSize: "18px",
color: "blue",
}}
>
<span style={{ color: "black" }}>Phone:</span> +92 3177
652064
</li>
<li
style={{
marginBottom: "10px",
fontSize: "18px",
color: "blue",
}}
>
<span style={{ color: "black" }}>Address:</span> Pakistan
KPK (Mardan)
</li>
<li
className=""
style={{
marginTop: "10px",
textAlign: "start",
fontSize: "18px",
color: "blue",
}}
>
<span style={{ fontWeight: "bolder", color: "blue" }}>
Social Links:
</span>
</li>
<div className="">
<Tooltip title="LinkedIn" placement="top">
<Button
href="https://www.linkedin.com/in/sufian-mustafa-7a7845226/"
target="_blank"
rel="northerner"
style={{ color: "blue" }}
startIcon={<LinkedIn />}
></Button>
</Tooltip>
<Tooltip title="GitHub" placement="top">
<Button
href="https://github.com/sufi0900"
target="_blank"
rel="noreferrer"
startIcon={<GitHub />}
style={{ color: "blue" }}
></Button>
</Tooltip>
<Tooltip title="WhatsApp" placement="top">
<Button
href="https://api.whatsapp.com/send?phone=03177652064"
target="_blank"
rel="noreferrer"
startIcon={<WhatsApp />}
style={{ color: "blue", padding: "2px" }}
></Button>
</Tooltip>
<Tooltip title="Dev.to" placement="top">
<Button
href="https://dev.to/sufian"
target="_blank"
rel="noreferrer"
startIcon={<LogoDevIcon />}
style={{ color: "blue", padding: "2px" }}
></Button>
</Tooltip>
</div>
</ul>
</div>
</Grid>

<Grid
Expand Down
6 changes: 2 additions & 4 deletions app/globals.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1813,14 +1813,12 @@ footer {
margin-top: 20px;
}
.footerc1 {
margin-left: 30px;
margin-top: 5px;
}
.footerc1 li {
padding: 1px;
}
.site a {
/* margin-left: 20px; */
}

.site li {
padding-bottom: 10px;
}
Expand Down

0 comments on commit a5e0f91

Please sign in to comment.