mirror of
https://github.com/stan-turing/website.git
synced 2025-03-06 20:53:28 +01:00
ui fixes
This commit is contained in:
parent
962010c818
commit
4dafc22f22
5 changed files with 34 additions and 61 deletions
|
|
@ -1,2 +1,2 @@
|
|||
# personal-website-prod
|
||||
Production repository of my personal website
|
||||
# Personal-Website-Test
|
||||
Test Repo for personal website
|
||||
|
|
|
|||
|
|
@ -35,7 +35,7 @@ header {
|
|||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0 32px 0 35px;
|
||||
padding: 0 30px 0 25px;
|
||||
border-radius: 0px 0px 25px 25px;
|
||||
position: fixed;
|
||||
z-index: 10;
|
||||
|
|
@ -44,8 +44,7 @@ header {
|
|||
}
|
||||
|
||||
.logo {
|
||||
font-size: 25px;
|
||||
font-weight: 500;
|
||||
width: 50px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
|
@ -68,7 +67,7 @@ header {
|
|||
color: #fff;
|
||||
background-color: #2A3039;
|
||||
font-size: 16px;
|
||||
padding: 5px 11px;
|
||||
padding: 8px 17px;
|
||||
border: 4px solid #2A3039;
|
||||
border-radius: 50px;
|
||||
transition: 0.2s;
|
||||
|
|
@ -94,25 +93,25 @@ header {
|
|||
position: relative;
|
||||
padding: 0px 0px 5px 0px;
|
||||
border-radius: 0px 0px 25px 25px;
|
||||
/* background-image: url("/img/dark-color-bg6.png"); */
|
||||
background-image: url("/img/dark-color-bg6.png");
|
||||
background-size: 90%;
|
||||
background-position: center;
|
||||
background-repeat: repeat-y;
|
||||
}
|
||||
|
||||
.hi-me {
|
||||
margin: 130px auto -10px auto;
|
||||
margin: 230px auto -10px auto;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.hi-title {
|
||||
font-size: 2.5em;
|
||||
width: 410px;
|
||||
margin: 0px auto 0px auto;
|
||||
padding: 15px 30px;
|
||||
padding: 15px 20px;
|
||||
background-color: #2A3039;
|
||||
border: 8px solid #1F6FEB;
|
||||
border-radius: 100px;
|
||||
width: 350px;
|
||||
font-weight: 500;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
|
@ -126,12 +125,12 @@ header {
|
|||
padding-bottom: 100px;
|
||||
background-color: #2A3039;
|
||||
border-radius: 100px;
|
||||
padding: 10px 15px;
|
||||
width: 300px;
|
||||
padding: 15px 15px;
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.intro-links {
|
||||
margin: 10px auto 100px auto;
|
||||
margin: 10px auto 200px auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
|
@ -171,12 +170,6 @@ header {
|
|||
transition: 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
#scrolldown {
|
||||
margin: -45px auto 65px auto;
|
||||
cursor: pointer;
|
||||
/* Hier kann man einen Autoscroller per JS programmieren wenn man auf die Maus klickt. Und den Text animieren */
|
||||
}
|
||||
|
||||
.nav-line {
|
||||
background-color: #1F6FEB;
|
||||
padding: 3px 0px;
|
||||
|
|
@ -191,7 +184,7 @@ header {
|
|||
margin: 100px 0;
|
||||
}
|
||||
|
||||
/* ######################### whoami Section ####################### */
|
||||
/* ########################## whoami Section ####################### */
|
||||
|
||||
#whoami-title {
|
||||
font-size: 2em;
|
||||
|
|
@ -200,7 +193,7 @@ header {
|
|||
background-color: #161B22;
|
||||
border: 5px solid #1F6FEB;
|
||||
border-radius: 100px;
|
||||
width: 550px;
|
||||
width: 580px;
|
||||
font-weight: 500;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
|
@ -230,7 +223,7 @@ header {
|
|||
background-color: #161B22;
|
||||
border: 5px solid #1F6FEB;
|
||||
border-radius: 100px;
|
||||
width: 520px;
|
||||
width: 600px;
|
||||
font-weight: 500;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
|
@ -256,7 +249,7 @@ header {
|
|||
background-color: #161B22;
|
||||
border: 5px solid #1F6FEB;
|
||||
border-radius: 100px;
|
||||
width: 80px;
|
||||
width: 120px;
|
||||
font-weight: 500;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
|
@ -408,11 +401,11 @@ a:hover {
|
|||
}
|
||||
.hi-title {
|
||||
font-size: 1.5em;
|
||||
width: 210px;
|
||||
width: 238px;
|
||||
}
|
||||
.short-bio {
|
||||
font-size: .7rem;
|
||||
width: 240px;
|
||||
width: 330px;
|
||||
}
|
||||
/* ######### whoami ######### */
|
||||
#whoami-title {
|
||||
|
|
@ -458,4 +451,4 @@ a:hover {
|
|||
.contact-message {
|
||||
width: 250px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,20 +0,0 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg width="110px" height="103.529785px" viewBox="0 0 110 103.529785" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<path d="M54.8232 46.5884L55.1781 46.5884Q55.5709 46.5884 55.9632 46.6077Q56.3554 46.6269 56.7463 46.6654Q57.1372 46.7039 57.5257 46.7615Q57.9142 46.8192 58.2994 46.8958Q58.6846 46.9724 59.0656 47.0679Q59.4465 47.1633 59.8224 47.2773Q60.1982 47.3913 60.568 47.5236Q60.9378 47.6559 61.3007 47.8062Q61.6635 47.9565 62.0186 48.1245Q62.3736 48.2924 62.72 48.4775Q63.0664 48.6627 63.4032 48.8646Q63.7401 49.0665 64.0667 49.2847Q64.3932 49.5029 64.7087 49.7369Q65.0242 49.9708 65.3278 50.22Q65.6314 50.4691 65.9224 50.7329Q66.2134 50.9967 66.4911 51.2744Q66.7688 51.5521 67.0326 51.8431Q67.2963 52.1341 67.5455 52.4377Q67.7947 52.7413 68.0286 53.0568Q68.2626 53.3722 68.4808 53.6988Q68.699 54.0254 68.9009 54.3622Q69.1028 54.6991 69.288 55.0455Q69.4731 55.3919 69.641 55.7469Q69.809 56.102 69.9593 56.4648Q70.1096 56.8277 70.2419 57.1975Q70.3742 57.5673 70.4882 57.9431Q70.6022 58.319 70.6977 58.6999Q70.7931 59.0809 70.8697 59.4661Q70.9463 59.8513 71.004 60.2398Q71.0616 60.6283 71.1001 61.0192Q71.1386 61.4101 71.1579 61.8023Q71.1771 62.1946 71.1771 62.5874L71.1771 87.5306Q71.1771 87.9233 71.1579 88.3156Q71.1386 88.7079 71.1001 89.0988Q71.0616 89.4896 71.004 89.8781Q70.9463 90.2666 70.8697 90.6518Q70.7931 91.037 70.6977 91.418Q70.6022 91.799 70.4882 92.1749Q70.3742 92.5507 70.2419 92.9205Q70.1096 93.2903 69.9593 93.6531Q69.809 94.016 69.641 94.371Q69.4731 94.7261 69.288 95.0725Q69.1028 95.4188 68.9009 95.7557Q68.699 96.0926 68.4808 96.4192Q68.2626 96.7457 68.0286 97.0612Q67.7947 97.3766 67.5455 97.6803Q67.2963 97.9839 67.0326 98.2749Q66.7688 98.5659 66.4911 98.8436Q66.2134 99.1213 65.9224 99.3851Q65.6314 99.6488 65.3278 99.898Q65.0242 100.147 64.7087 100.381Q64.3932 100.615 64.0667 100.833Q63.7401 101.051 63.4032 101.253Q63.0664 101.455 62.72 101.64Q62.3736 101.826 62.0186 101.993Q61.6635 102.161 61.3007 102.312Q60.9378 102.462 60.568 102.594Q60.1982 102.727 59.8224 102.841Q59.4465 102.955 59.0656 103.05Q58.6846 103.146 58.2994 103.222Q57.9142 103.299 57.5257 103.356Q57.1372 103.414 56.7463 103.453Q56.3554 103.491 55.9632 103.51Q55.5709 103.53 55.1781 103.53L54.8232 103.53Q54.4305 103.53 54.0382 103.51Q53.6459 103.491 53.255 103.453Q52.8642 103.414 52.4757 103.356Q52.0872 103.299 51.702 103.222Q51.3168 103.146 50.9358 103.05Q50.5548 102.955 50.179 102.841Q49.8031 102.727 49.4333 102.594Q49.0635 102.462 48.7007 102.312Q48.3378 102.161 47.9828 101.993Q47.6277 101.826 47.2813 101.64Q46.935 101.455 46.5981 101.253Q46.2612 101.051 45.9347 100.833Q45.6081 100.615 45.2926 100.381Q44.9772 100.147 44.6736 99.898Q44.37 99.6488 44.0789 99.3851Q43.7879 99.1213 43.5102 98.8436Q43.2325 98.5659 42.9687 98.2749Q42.705 97.9838 42.4558 97.6802Q42.2067 97.3766 41.9727 97.0612Q41.7387 96.7457 41.5205 96.4191Q41.3023 96.0926 41.1004 95.7557Q40.8985 95.4188 40.7134 95.0725Q40.5282 94.7261 40.3603 94.371Q40.1924 94.016 40.0421 93.6531Q39.8918 93.2903 39.7594 92.9205Q39.6271 92.5507 39.5131 92.1749Q39.3991 91.799 39.3037 91.418Q39.2083 91.037 39.1316 90.6518Q39.055 90.2666 38.9974 89.8781Q38.9398 89.4896 38.9013 89.0988Q38.8628 88.7079 38.8435 88.3156Q38.8242 87.9233 38.8242 87.5306L38.8242 62.5874Q38.8242 62.1946 38.8435 61.8023Q38.8628 61.4101 38.9013 61.0192Q38.9398 60.6283 38.9974 60.2398Q39.055 59.8513 39.1316 59.4661Q39.2083 59.0809 39.3037 58.6999Q39.3991 58.319 39.5131 57.9431Q39.6271 57.5673 39.7594 57.1975Q39.8918 56.8277 40.0421 56.4648Q40.1924 56.102 40.3603 55.7469Q40.5282 55.3919 40.7134 55.0455Q40.8985 54.6991 41.1004 54.3622Q41.3023 54.0254 41.5205 53.6988Q41.7387 53.3722 41.9727 53.0568Q42.2067 52.7413 42.4558 52.4377Q42.705 52.1341 42.9687 51.8431Q43.2325 51.5521 43.5102 51.2744Q43.7879 50.9967 44.0789 50.7329Q44.37 50.4691 44.6736 50.22Q44.9772 49.9708 45.2926 49.7369Q45.6081 49.5029 45.9346 49.2847Q46.2612 49.0665 46.5981 48.8646Q46.935 48.6627 47.2813 48.4775Q47.6277 48.2924 47.9828 48.1245Q48.3378 47.9565 48.7007 47.8062Q49.0635 47.6559 49.4333 47.5236Q49.8031 47.3913 50.179 47.2773Q50.5548 47.1633 50.9358 47.0679Q51.3168 46.9724 51.702 46.8958Q52.0872 46.8192 52.4757 46.7615Q52.8642 46.7039 53.255 46.6654Q53.6459 46.6269 54.0382 46.6077Q54.4305 46.5884 54.8232 46.5884Z" id="path_1" />
|
||||
<clipPath id="clip_1">
|
||||
<use xlink:href="#path_1" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
<g id="Scroll-Down">
|
||||
<g id="Rectangle">
|
||||
<g clip-path="url(#clip_1)">
|
||||
<use xlink:href="#path_1" fill="none" stroke="#FFFFFF" stroke-width="6" />
|
||||
</g>
|
||||
</g>
|
||||
<g id="Scroll-Down" fill="#FFFFFF">
|
||||
<path d="M48.551 21.332L46.7712 21.332L46.7712 10.082L48.551 10.082L48.551 21.332ZM50.6017 21.332L52.3815 21.332L52.3815 10.082L50.6017 10.082L50.6017 21.332ZM21.1913 17.5015Q21.6857 17.8823 21.6857 18.5855Q21.6857 19.23 21.1987 19.6218Q20.7116 20.0137 19.7448 20.0137Q18.6242 20.0137 18.0236 19.5156Q17.423 19.0176 17.423 18.1094L15.57 18.1094Q15.57 19.1128 16.1083 19.8672Q16.6467 20.6216 17.6171 21.0501Q18.5876 21.4785 19.7448 21.4785Q21.4953 21.4785 22.517 20.6912Q23.5387 19.9038 23.5387 18.5708Q23.5387 17.7505 23.1872 17.1389Q22.8356 16.5274 22.0812 16.0549Q21.3268 15.5825 20.0817 15.2127Q18.8366 14.8428 18.2946 14.4509Q17.7526 14.0591 17.7526 13.4732Q17.7526 12.7774 18.2543 12.3892Q18.756 12.001 19.6642 12.001Q20.6384 12.001 21.162 12.4734Q21.6857 12.9458 21.6857 13.7808L23.5314 13.7808Q23.5314 12.8579 23.0334 12.0999Q22.5353 11.3418 21.6637 10.9316Q20.7922 10.5215 19.6789 10.5215Q18.0016 10.5215 16.9506 11.3565Q15.8996 12.1914 15.8996 13.4805Q15.8996 14.9526 17.3571 15.8682Q18.1188 16.3442 19.4079 16.7324Q20.697 17.1206 21.1913 17.5015ZM58.2262 21.332L58.2262 10.668L61.3757 10.668Q62.7892 10.668 63.8842 11.2979Q64.9792 11.9277 65.5798 13.085Q66.1804 14.2422 66.1804 15.7363L66.1804 16.271Q66.1804 17.7871 65.5761 18.937Q64.9719 20.0869 63.8549 20.7095Q62.738 21.332 61.2951 21.332L58.2262 21.332ZM60.0793 12.1621L60.0793 19.8525L61.2878 19.8525Q62.7453 19.8525 63.5253 18.9407Q64.3054 18.0288 64.32 16.3223L64.32 15.729Q64.32 13.9932 63.5656 13.0776Q62.8112 12.1621 61.3757 12.1621L60.0793 12.1621ZM29.3542 19.6694Q28.9147 20.0576 28.2482 20.0576Q27.3693 20.0576 26.9042 19.4241Q26.4391 18.7905 26.4391 17.5015L26.4391 17.2158Q26.4465 15.9414 26.9152 15.3152Q27.384 14.689 28.2482 14.689Q28.9221 14.689 29.3578 15.1284Q29.7936 15.5679 29.8229 16.249L31.5002 16.249Q31.4562 14.9087 30.5663 14.0847Q29.6764 13.2607 28.2629 13.2607Q26.5929 13.2607 25.6262 14.3484Q24.6594 15.436 24.6594 17.2451L24.6594 17.4282Q24.6594 19.3252 25.6335 20.4019Q26.6076 21.4785 28.2702 21.4785Q29.1271 21.4785 29.8669 21.105Q30.6066 20.7315 31.0387 20.0906Q31.4709 19.4497 31.5002 18.71L29.8229 18.71Q29.7936 19.2813 29.3542 19.6694ZM36.9933 15.0332Q36.6418 14.9746 36.2682 14.9746Q35.0451 14.9746 34.6203 15.9121L34.6203 21.332L32.8405 21.332L32.8405 13.4072L34.5397 13.4072L34.5837 14.2935Q35.2282 13.2607 36.3708 13.2607Q36.7516 13.2607 37.0007 13.3633L36.9933 15.0332ZM38.2458 15.198Q37.7844 16.1318 37.7844 17.2964L37.7844 17.3843Q37.7844 19.2446 38.7914 20.3616Q39.7985 21.4785 41.4758 21.4785Q42.5744 21.4785 43.413 20.9732Q44.2516 20.4678 44.7021 19.5449Q45.1525 18.6221 45.1525 17.4502L45.1452 17.0327Q45.0646 15.3262 44.0649 14.2935Q43.0651 13.2607 41.4611 13.2607Q40.3771 13.2607 39.5422 13.7625Q38.7072 14.2642 38.2458 15.198ZM67.9821 15.198Q67.5207 16.1318 67.5207 17.2964L67.5207 17.3843Q67.5207 19.2446 68.5278 20.3616Q69.5348 21.4785 71.2121 21.4785Q72.3107 21.4785 73.1493 20.9732Q73.988 20.4678 74.4384 19.5449Q74.8888 18.6221 74.8888 17.4502L74.8815 17.0327Q74.801 15.3262 73.8012 14.2935Q72.8014 13.2607 71.1974 13.2607Q70.1135 13.2607 69.2785 13.7625Q68.4435 14.2642 67.9821 15.198ZM89.2443 14.3228L89.193 13.4072L87.5158 13.4072L87.5158 21.332L89.2956 21.332L89.2956 15.6924Q89.8229 14.7183 90.8996 14.7183Q91.6393 14.7183 91.9653 15.0808Q92.2912 15.4434 92.2912 16.1978L92.2912 21.332L94.071 21.332L94.071 16.0952Q94.027 13.2607 91.5514 13.2607Q90.1232 13.2607 89.2443 14.3228ZM83.3556 18.8784L84.6154 13.4072L86.3512 13.4072L84.1906 21.332L82.7258 21.332L81.0265 15.8901L79.3566 21.332L77.8918 21.332L75.7238 13.4072L77.4596 13.4072L78.7414 18.8198L80.3674 13.4072L81.7077 13.4072L83.3556 18.8784ZM40.0695 19.3655Q39.5641 18.6733 39.5641 17.4502Q39.5641 16.0732 40.0768 15.3811Q40.5895 14.689 41.4611 14.689Q42.3473 14.689 42.8637 15.3921Q43.3801 16.0952 43.3801 17.2964Q43.3801 18.6514 42.8783 19.3545Q42.3766 20.0576 41.4758 20.0576Q40.5749 20.0576 40.0695 19.3655ZM69.8058 19.3655Q69.3005 18.6733 69.3005 17.4502Q69.3005 16.0732 69.8132 15.3811Q70.3259 14.689 71.1974 14.689Q72.0837 14.689 72.6 15.3921Q73.1164 16.0952 73.1164 17.2964Q73.1164 18.6514 72.6147 19.3545Q72.113 20.0576 71.2121 20.0576Q70.3112 20.0576 69.8058 19.3655Z" />
|
||||
</g>
|
||||
<path d="M54.9992 60.1763L54.9992 69.2357" id="Line-2" fill="none" fill-rule="evenodd" stroke="#FF4D63" stroke-width="3" stroke-linecap="round" />
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 8.8 KiB |
BIN
img/like.png
Normal file
BIN
img/like.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 96 KiB |
30
index.html
30
index.html
|
|
@ -9,9 +9,9 @@
|
|||
<title>Patrick Gerhartz</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="top-container" id="home" style="background-image: url(img/dark-color-bg6.png);">
|
||||
<div class="top-container" id="home">
|
||||
<header>
|
||||
<div class="logo" href="index.html"><span>/</span>Patrick<span>.dev</span></div>
|
||||
<img src="img/pgcircle.png" alt="logo" class="logo">
|
||||
<div class="hamburger">
|
||||
<div class="line"></div>
|
||||
<div class="line"></div>
|
||||
|
|
@ -20,37 +20,37 @@
|
|||
<nav class="nav-bar">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#home">/home</a>
|
||||
<a href="#home">home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#whoami">/whoami</a>
|
||||
<a href="#whoami">whoami</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#projekte">/projects</a>
|
||||
<a href="#projekte">projects</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#blog">/blog</a>
|
||||
<a href="#blog">//blog</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#contact-me">/contact</a>
|
||||
<a href="#contact-me">contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<img class="hi-me" src="img/hi.png" alt="hello" width="200px">
|
||||
<h1 class="hi-title">Hi, ich bin Patrick :)</h1>
|
||||
<h2 class="short-bio">Programmierer und Motion Graphics Designer</h2>
|
||||
<h2 class="short-bio">Und ich liebe es spannende Probleme mit Code zu lösen!
|
||||
</h2>
|
||||
<div class="intro-links">
|
||||
<a class="know-more" href="#whoami">Mehr erfahren</a>
|
||||
<a class="cv" href="cv_patrickgerhartz.pdf" download>Download CV</a>
|
||||
</div>
|
||||
<img id="scrolldown" src="img/Scroll Down.svg" alt="just scroll down">
|
||||
<div id="whoami" class="nav-line"></div>
|
||||
</div>
|
||||
<div class="middle-container">
|
||||
<br>
|
||||
<div class="profile">
|
||||
<h2 id="whoami-title">/Who_Am_I? - Und wenn ja, wie viele?</h2>
|
||||
<h2 id="whoami-title">whoami? - Und wenn ja, wie viele?</h2>
|
||||
<p class="intro">Puh, das ist eine gute Frage. ^^ Aber um nicht in philosophische Gedanken abzudriften.. <br>
|
||||
Hi, mein Name ist Patrick Gerhartz und ich mache gerade eine Ausbildung zum Fachinformatiker für Anwendungsentwicklung. <br>
|
||||
Ich liebe es Probleme zu lösen und mein Spezialinteresse ist die IT-Sicherheit. Mich fasziniert es, wie unsere digitale Welt funktioniert und manchmal kurz vor dem Kollaps steht, ohne dass die meisten Menschen je davon erfahren würden. <br>
|
||||
|
|
@ -62,13 +62,13 @@
|
|||
<br>
|
||||
<div>
|
||||
<img id="coding-projects" src="img/laptop.png" alt="work in progress">
|
||||
<h2 id="projekte-title">/Projekte - daran arbeite ich gerade.</h2>
|
||||
<div class="projekt">Diese Website ist gerade mein Hauptprojekt. <br> Ich habe alles an dieser Website selber gemacht. <br> Den Code findet man auf <a class="links" href="https://github.com/stan-turing/personal-website">GitHub</a>.</div>
|
||||
<h2 id="projekte-title">Projects - daran arbeite ich gerade.</h2>
|
||||
<div class="projekt">Diese Website ist gerade mein Hauptprojekt. <br> Ich habe alles an dieser Website selber gemacht. <br> Den Code findet man auf <a class="links" href="https://github.com/stan-turing/website">GitHub</a>.</div>
|
||||
</div>
|
||||
<hr id="blog">
|
||||
<br>
|
||||
<div>
|
||||
<h2 id="blog-title">/Blog</h2>
|
||||
<h2 id="blog-title">//blog</h2>
|
||||
<div class="blog-text">
|
||||
<p>Hier möchte ich meine Erfahrungen in der IT Ausbildung dokumentieren, also wenn ich was neues lerne. <br> Und über mein Spezialinteresse und Hobby: IT-Security schreiben und mein Wissen weiter geben.</p>
|
||||
<hr class="blog-hr">
|
||||
|
|
@ -78,10 +78,10 @@
|
|||
<hr id="contact-me">
|
||||
<div>
|
||||
<img id="contact-me-img" src="img/call.png" alt="hello">
|
||||
<h2 id="contact-title">/Contact_Me</h2>
|
||||
<h2 id="contact-title">Contact_Me</h2>
|
||||
<h3>Können Sie mir einen Praktikumsplatz anbieten?</h3>
|
||||
<p class="contact-message">Aktuell suche ich einen Praktikumsplatz in Hamburg die Dauer sollte 3 Monate gehen.</p>
|
||||
<a class="btn" href="mailto:patrickgerhartz@proton.me">Contact Me</a>
|
||||
<a class="btn" href="mailto:contact@patrickgerhartz.dev">Contact me</a>
|
||||
<a class="cv" href="cv_patrickgerhartz.pdf" download>Download CV</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue