frontend: add current workplace and update skills
This commit is contained in:
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 7.7 KiB |
2
frontend/src/assets/robotframework-svgrepo-com.svg
Normal file
2
frontend/src/assets/robotframework-svgrepo-com.svg
Normal file
@ -0,0 +1,2 @@
|
||||
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
||||
<svg width="800px" height="800px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><title>file_type_robotframework</title><circle cx="16" cy="16" r="14" style="fill:#fff"/><path d="M10.387,14.6a2.727,2.727,0,0,1,5.453,0,.99.99,0,1,1-1.98,0,.746.746,0,0,0-1.492,0,.99.99,0,1,1-1.98,0m11.3,4.586a.991.991,0,0,1-.992.992H11.508a.992.992,0,0,1,0-1.984h9.184a.994.994,0,0,1,.992.992M17.391,15.16a.992.992,0,0,1,.27-1.375l2.293-1.551a.989.989,0,1,1,1.109,1.637l-2.3,1.551a.965.965,0,0,1-.551.172.994.994,0,0,1-.824-.434m6.289,6.094a.707.707,0,0,1-.207.5l-1.707,1.707a.707.707,0,0,1-.5.207H10.8a.707.707,0,0,1-.5-.207L8.6,21.754a.707.707,0,0,1-.207-.5V10.8a.707.707,0,0,1,.207-.5L10.3,8.594a.707.707,0,0,1,.5-.207H21.266a.707.707,0,0,1,.5.207L23.473,10.3a.707.707,0,0,1,.207.5ZM25.129,9.16,22.9,6.93A1.807,1.807,0,0,0,21.629,6.4H10.438a1.807,1.807,0,0,0-1.273.527L6.938,9.16a1.8,1.8,0,0,0-.527,1.27V21.621a1.8,1.8,0,0,0,.527,1.273l2.227,2.23a1.81,1.81,0,0,0,1.273.523H21.629a1.8,1.8,0,0,0,1.273-.523l2.227-2.23a1.784,1.784,0,0,0,.527-1.273V10.434a1.784,1.784,0,0,0-.527-1.273"/></svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
@ -1,26 +1,44 @@
|
||||
import {
|
||||
AiFillGithub,
|
||||
AiFillLinkedin
|
||||
} from "react-icons/ai";
|
||||
import { AiFillGithub, AiFillLinkedin } from "react-icons/ai";
|
||||
|
||||
const Introduction = () => {
|
||||
const BoldStyle = "text-blue-900 dark:text-blue-400"
|
||||
const BoldStyle = "text-blue-900 dark:text-blue-400";
|
||||
return (
|
||||
<div className="text-center p-2">
|
||||
<h2 className="text-5xl text-blue-900 dark:text-blue-400 py-2 font-medium font-burtons">Taqi Tahmid</h2>
|
||||
<h3 className="text-2xl py-2 font-burtons dark:text-blue-200">Test Automation and DevOps Engineer</h3>
|
||||
<h2 className="text-5xl text-blue-900 dark:text-blue-400 py-2 font-medium font-burtons">
|
||||
Taqi Tahmid
|
||||
</h2>
|
||||
<h3 className="text-2xl py-2 font-burtons dark:text-blue-200">
|
||||
Test Automation and DevOps Engineer
|
||||
</h3>
|
||||
<p className="text-md py-5 leading-8 text-gray-800 dark:text-gray-300 mx-auto max-w-2xl md:text-xl">
|
||||
I am a <span className={BoldStyle}>Test Automation</span> and <span className={BoldStyle}>DevOps Engineer </span>
|
||||
with a Bachelor’s from Khulna University of Engineering & Technology (KUET) and a Master’s from Tampere University.
|
||||
<br/><br/>I specialize in designing CI/CD pipelines and test automation for diverse applications and architectures
|
||||
with four years of industry experience.
|
||||
I am a <span className={BoldStyle}>Test Automation</span> and{" "}
|
||||
<span className={BoldStyle}>DevOps Engineer </span>
|
||||
with a Bachelor’s from Khulna University of Engineering & Technology
|
||||
(KUET) and a Master’s from Tampere University. I am currently working at
|
||||
Ericsson in Finland as a DevOps Engineer.
|
||||
<br />
|
||||
<br />I specialize in designing CI/CD pipelines and test automation for
|
||||
diverse applications and architectures with four years of industry
|
||||
experience.
|
||||
</p>
|
||||
<div className="text-5xl flex justify-center gap-16 py-3 text-blue-900">
|
||||
<a href="https://www.linkedin.com/in/taqi-tahmid/" target="_blank" rel="noreferrer"><AiFillLinkedin className="hover:text-sky-600"/></a>
|
||||
<a href="https://github.com/TheTaqiTahmid" target="_blank" rel="noreferrer"><AiFillGithub className="hover:text-sky-600"/></a>
|
||||
<a
|
||||
href="https://www.linkedin.com/in/taqi-tahmid/"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<AiFillLinkedin className="hover:text-sky-600" />
|
||||
</a>
|
||||
<a
|
||||
href="https://github.com/TheTaqiTahmid"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<AiFillGithub className="hover:text-sky-600" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Introduction
|
||||
export default Introduction;
|
||||
|
||||
@ -1,44 +1,45 @@
|
||||
import pythonIcon from "../assets/python.svg"
|
||||
import bashIcon from "../assets/bash-icon.svg"
|
||||
import goIcon from "../assets/go-original.svg"
|
||||
import reactIcon from "../assets/react.svg"
|
||||
import ansibleIcon from "../assets/ansible.svg"
|
||||
import terraformIcon from "../assets/terraform-icon.svg"
|
||||
import jenkinsIcon from "../assets/jenkins.svg"
|
||||
import gitIcon from "../assets/git-icon.svg"
|
||||
import dockerIcon from "../assets/docker-icon.svg"
|
||||
import kubernetesIcon from "../assets/kubernetes.svg"
|
||||
import prometheusIcon from "../assets/prometheus.svg"
|
||||
import grafanaIcon from "../assets/grafana.svg"
|
||||
|
||||
import pythonIcon from "../assets/python.svg";
|
||||
import robotIcon from "../assets/robotframework-svgrepo-com.svg";
|
||||
import goIcon from "../assets/go-original.svg";
|
||||
import reactIcon from "../assets/react.svg";
|
||||
import ansibleIcon from "../assets/ansible.svg";
|
||||
import terraformIcon from "../assets/terraform-icon.svg";
|
||||
import jenkinsIcon from "../assets/jenkins.svg";
|
||||
import gitIcon from "../assets/git-icon.svg";
|
||||
import dockerIcon from "../assets/docker-icon.svg";
|
||||
import kubernetesIcon from "../assets/kubernetes.svg";
|
||||
import prometheusIcon from "../assets/prometheus.svg";
|
||||
import grafanaIcon from "../assets/grafana.svg";
|
||||
|
||||
const Skills = () => {
|
||||
const skills = [
|
||||
{ name: 'Python', icon: pythonIcon},
|
||||
{ name: 'Golang', icon: goIcon },
|
||||
{ name: 'React', icon: reactIcon },
|
||||
{ name: 'Bash', icon: bashIcon},
|
||||
{ name: 'Ansible', icon: ansibleIcon},
|
||||
{ name: 'Terraform', icon: terraformIcon },
|
||||
{ name: 'Jenkins', icon: jenkinsIcon},
|
||||
{ name: 'Git', icon: gitIcon},
|
||||
{ name: 'Docker', icon: dockerIcon },
|
||||
{ name: 'Kubernetes', icon: kubernetesIcon},
|
||||
{ name: 'Prometheus', icon: prometheusIcon},
|
||||
{ name: 'Grafana', icon: grafanaIcon},
|
||||
{ name: "Python", icon: pythonIcon },
|
||||
{ name: "Golang", icon: goIcon },
|
||||
{ name: "React", icon: reactIcon },
|
||||
{ name: "Robot Framework", icon: robotIcon },
|
||||
{ name: "Ansible", icon: ansibleIcon },
|
||||
{ name: "Terraform", icon: terraformIcon },
|
||||
{ name: "Jenkins", icon: jenkinsIcon },
|
||||
{ name: "Git", icon: gitIcon },
|
||||
{ name: "Docker", icon: dockerIcon },
|
||||
{ name: "Kubernetes", icon: kubernetesIcon },
|
||||
{ name: "Prometheus", icon: prometheusIcon },
|
||||
{ name: "Grafana", icon: grafanaIcon },
|
||||
];
|
||||
|
||||
return (
|
||||
<div>
|
||||
<h1 className="text-2xl py-5 font-burtons dark:text-blue-200">Tools and Languages</h1>
|
||||
<div className="grid grid-cols-4 gap-6 text-md py-5 leading-8 text-gray-800 dark:text-gray-300 mx-auto max-w-2xl md:text-xl">
|
||||
<h1 className="text-2xl py-5 font-burtons dark:text-blue-200">
|
||||
Tools and Languages
|
||||
</h1>
|
||||
<div className="grid grid-cols-4 gap-6 text-md py-5 leading-8 text-gray-800 dark:text-gray-300 mx-auto max-w-2xl md:text-xl">
|
||||
{skills.map((skill) => (
|
||||
<div key={skill.name} className="flex flex-col items-center">
|
||||
<img src={skill.icon} alt={skill.name} className="h-10 w-10" />
|
||||
<p className="mt-2 text-center">{skill.name}</p>
|
||||
</div>
|
||||
<div key={skill.name} className="flex flex-col items-center">
|
||||
<img src={skill.icon} alt={skill.name} className="h-10 w-10" />
|
||||
<p className="mt-2 text-center">{skill.name}</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user