Skip to content

Commit

Permalink
Update About.jsx
Browse files Browse the repository at this point in the history
  • Loading branch information
@mucahitdev
mucahitdev committed Jul 15, 2022
1 parent bfd6862 commit 48fcfb5
Showing 1 changed file with 70 additions and 50 deletions.
120 changes: 70 additions & 50 deletions src/component/About.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,121 +1,141 @@
import React from 'react';
import React from "react";
import { NavLink } from "react-router-dom";
import { MdSchool, MdComputer} from 'react-icons/md';
import { GiCampingTent, GiPistolGun } from 'react-icons/gi';
import { VerticalTimeline, VerticalTimelineElement } from 'react-vertical-timeline-component';
import 'react-vertical-timeline-component/style.min.css';
import kamp from '../images/kamp.jpg'



import { MdSchool, MdComputer } from "react-icons/md";
import { HiOutlineDesktopComputer } from "react-icons/hi";
import { GiCampingTent, GiPistolGun } from "react-icons/gi";
import {
VerticalTimeline,
VerticalTimelineElement,
} from "react-vertical-timeline-component";
import "react-vertical-timeline-component/style.min.css";
import kamp from "../images/kamp.jpg";

function About() {
console.log(kamp);
return (
<div className='mt-5'>
<div className="mt-5">
<VerticalTimeline>
<VerticalTimelineElement
className="vertical-timeline-element--work"
date="2004 - 2012"
iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
iconStyle={{ background: "rgb(33, 150, 243)", color: "#fff" }}
icon={<MdSchool />}
>
<h3 className="vertical-timeline-element-title">Eğitme ilk adım</h3>
<h6 className="vertical-timeline-element-subtitle">Esenler/İstanbul</h6>
<h6 className="vertical-timeline-element-subtitle text-base">
Esenler/İstanbul
</h6>
<hr />
<p>
Atışalanı İsmetpaşa İlkokulu Ve Ortaokulu
</p>
<p>Atışalanı İsmetpaşa İlkokulu Ve Ortaokulu</p>
</VerticalTimelineElement>
<VerticalTimelineElement
className="vertical-timeline-element--work"
date="2012 - 2016"
iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
iconStyle={{ background: "rgb(33, 150, 243)", color: "#fff" }}
icon={<MdSchool />}
>
<h3 className="vertical-timeline-element-title">Lise</h3>
<h6 className="vertical-timeline-element-subtitle">Esenler/İstanbul</h6>
<h6 className="vertical-timeline-element-subtitle text-base">
Esenler/İstanbul
</h6>
<hr />
<p>
Esenler Güzide Özdilek Anadolu İmam Hatip Lisesi
</p>
<p>Esenler Güzide Özdilek Anadolu İmam Hatip Lisesi</p>
</VerticalTimelineElement>
<VerticalTimelineElement
className="vertical-timeline-element--work"
date="2017 - ..."
iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
iconStyle={{ background: "rgb(33, 150, 243)", color: "#fff" }}
icon={<GiCampingTent />}
>
<h3 className="vertical-timeline-element-title">Doğayla İç İçe</h3>
<h6 className="vertical-timeline-element-subtitle">Türkiye</h6>
<h6 className="vertical-timeline-element-subtitle text-base">Türkiye</h6>
<hr />
<p>
Türkiye İzcilik Federasyonu'da Yardımcı lider.
</p>
<img className='img-thumbnail' src={kamp} alt="" />
<p>Türkiye İzcilik Federasyonu'da Yardımcı lider.</p>
<img className="img-thumbnail" src={kamp} alt="" />
</VerticalTimelineElement>
<VerticalTimelineElement
className="vertical-timeline-element--work"
date="2018 - 2021"
iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
iconStyle={{ background: "rgb(33, 150, 243)", color: "#fff" }}
icon={<MdSchool />}
>
<h3 className="vertical-timeline-element-title">Üniversite</h3>
<h6 className="vertical-timeline-element-subtitle">Merkez/Çanakkale</h6>
<h6 className="vertical-timeline-element-subtitle text-base">
Merkez/Çanakkale
</h6>
<hr />
<p>
Çanakkale Onsekiz Mart Üniversitesi-İlahiyat
</p>
<p>Çanakkale Onsekiz Mart Üniversitesi-İlahiyat</p>
<p>Mart 2021 tarihinde okulu bırakma kararı aldım.</p>
</VerticalTimelineElement>
<VerticalTimelineElement
className="vertical-timeline-element--work"
date="2021 - ..."
iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
iconStyle={{ background: "rgb(33, 150, 243)", color: "#fff" }}
icon={<MdComputer />}
>
<h3 className="vertical-timeline-element-title">Yazılımla Tanışma</h3>
<h6 className="vertical-timeline-element-subtitle">Youtube-Udemy</h6>
<h6 className="vertical-timeline-element-subtitle text-base">Youtube-Udemy</h6>
<hr />
<p>
Frontend tarafında kendimi geliştirmeye başladım.
</p>
<p>Frontend tarafında kendimi geliştirmeye başladım.</p>
</VerticalTimelineElement>
<VerticalTimelineElement
className="vertical-timeline-element--work"
date="3/2021 - 9/2021"
iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
iconStyle={{ background: "rgb(33, 150, 243)", color: "#fff" }}
icon={<GiPistolGun />}
>
<h3 className="vertical-timeline-element-title">T.S.K.</h3>
<h6 className="vertical-timeline-element-subtitle">Reyhanlı/Hatay</h6>
<h6 className="vertical-timeline-element-subtitle text-base">Reyhanlı/Hatay</h6>
<hr />
<p>
Türk Silahlı Kuvvetleri'nde,Suriye sınırında Hudut bekçisi olarak 6 aylık vatani görevimi yaptım.
Türk Silahlı Kuvvetleri'nde,Suriye sınırında Hudut bekçisi olarak 6
aylık vatani görevimi yaptım.
</p>
<img className='img-thumbnail' src='https://serving.photos.photobox.com/791569438c1eb34a29ecd6ead0c4e5d9709c9b81c5a2a607ccb93454af815d02cce16e02.jpg' alt="" />

<img
className="img-thumbnail"
src="https://serving.photos.photobox.com/791569438c1eb34a29ecd6ead0c4e5d9709c9b81c5a2a607ccb93454af815d02cce16e02.jpg"
alt=""
/>
</VerticalTimelineElement>
<VerticalTimelineElement
className="vertical-timeline-element--work"
date="2021 - ..."
iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
date="2021 - 2022"
iconStyle={{ background: "rgb(33, 150, 243)", color: "#fff" }}
icon={<MdComputer />}
>
<h3 className="vertical-timeline-element-title">Jr. Frontend Developer</h3>
<h6 className="vertical-timeline-element-subtitle">Remote</h6>
<h3 className="vertical-timeline-element-title">
Jr. Frontend Developer
</h3>
<h6 className="vertical-timeline-element-subtitle text-base">Remote</h6>
<hr />
<p>
Askerden sonra React öğrenmeye başladım ve öğrenmeye aç bir şekilde öğrenme-deneme-geliştirme süreçlirenden geçiyorum.
Askerden sonra React öğrenmeye başladım ve öğrenmeye aç bir şekilde
öğrenme-deneme-geliştirme süreçlirenden geçiyorum.
</p>
<br />
<button className='btn btn-primary'>
<NavLink to="/projects" className="nav-link text-light fw-bold">Yaptığım Projeler</NavLink>
<button className="btn btn-primary">
<NavLink to="/projects" className="nav-link text-light fw-bold">
Yaptığım Projeler
</NavLink>
</button>
</VerticalTimelineElement>
<VerticalTimelineElement
className="vertical-timeline-element--work"
date="06/2022 - ..."
iconStyle={{ background: "rgb(33, 150, 243)", color: "#fff" }}
icon={<HiOutlineDesktopComputer />}
>
<h3 className="vertical-timeline-element-title">İŞ</h3>
<h6 className="vertical-timeline-element-subtitle text-base">
İstanbul & Remote
</h6>
<hr />
<p>Ntt Data</p>
<p>Haziran 2022'de Frontend developer olarak çalışmaya başladım.</p>
</VerticalTimelineElement>
</VerticalTimeline>
</div>
)
);
}

export default About
export default About;

0 comments on commit 48fcfb5

Please sign in to comment.