-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
155 lines (148 loc) · 8.85 KB
/
contact.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<!--For tooltips-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.0/font/bootstrap-icons.css">
<link rel="stylesheet" href="style.css">
<link rel="icon" href="icon.png">
<title>JFP | Contact</title>
<script src="scripts/load.js"></script>
<script src="scripts/tooltips.js"></script>
</head>
<body>
<div class="loading">
<div class="loadingText">
<h1>Juratu Fabian</h1>
<h2>Contact</h2>
</div>
<div id="loadingBar">
<div> </div>
</div>
</div>
<div class="header">
<div class="header1">
<h1>Juratu Fabia<span id="broken"></span></h1>
<h2>Contact</h2>
</div>
<ul class="header2">
<li><a href="homepage.html">Homepage</a></li>
<li><a href="info.html">About Me</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="#" id="focused">Contact</a></li>
</ul>
</div>
<div class="container">
<div class="mainContacts">
<div class="col-sm p-4 ">
<h1>Cool, but how can I reach you?</h1>
<p>If you'd like me to be part of one of your projects, or you want to contact me for a job position, you can send me an e-mail by entering your details underneath, or by clicking on this letter <a class="bi bi-envelope" href="mailto:juratu.fabian@gmail.com"></a>.</p>
<form>
<input class="form-control mt-4" type="text" placeholder="Your Name">
<input class="form-control mt-4" type="text" placeholder="E-mail">
<textarea class="form-control mt-4 damaged" placeholder="Details"></textarea>
</form>
<!--- <div class="worker">
<div class="w-Hat"></div>
<div class="w-Head"></div>
<div class="w-LLeg"></div>
<div class="w-LHand"></div>
<div class="w-Pants">
<div class="w-suspendersL"></div>
<div class="w-suspendersR"></div>
</div>
<div class="w-Body"></div>
<div class="w-RLeg"></div>
<div class="w-RHand"></div>
<div class="w-shadow"></div>
</div>--->
<div class="WorkingArea">
<div class="ladder">
<div class="poleL"></div>
<div class="step1"></div>
<div class="step2"></div>
<div class="step3"></div>
<div class="step4"></div>
<div class="step5"></div>
<div class="poleR"></div>
</div>
<div class="HammeringWorker">
<div class="hw-Hat"></div>
<div class="hw-Head"></div>
<div class="hw-LLeg"></div>
<div class="hw-LHand">
<div class="hw-HammerHandle">
<div class="hw-Hammer"></div>
</div>
</div>
<div class="hw-Pants">
<div class="hw-suspendersL"></div>
<div class="hw-suspendersR"></div>
</div>
<div class="hw-Body"></div>
<div class="hw-RLeg"></div>
<div class="hw-RHand"></div>
<div class="hw-shadow"></div>
</div>
<div class="stripe">
<p>work in progress</p>
<div class="stripeShadow"></div>
<div class="stand1"><div class="wood"></div></div>
<div class="stand2"><div class="wood"></div></div>
</div>
</div>
</div>
<div class="col-sm p-4 sColumn">
<h1>Or...</h1>
<p>You could just find me on almost every social media. The problem is that I'm not using most of them...</p>
<p>But to help you, I'm going to <u>underline</u>, the ones that I use quite frequently. Also I'm going to leave my phone number and my e-mail just in case you need them.</p>
<div class="row">
<div class="col-sm">
<img src="images/actually-me.jpg" alt=""/>
<p id="dets">"This is how I actually look like"</p>
<p><i class="bi bi-telephone"></i>: <a href="tel://+393455185701">+39 345/518 5701</a></p>
<p><i class="bi bi-envelope"></i>: <a href="mailto:juratu.fabian@gmail.com">juratu.fabian@gmail.com</a></p>
</div>
<div class="col-sm socialMedia">
<h2>Social Medias</h2>
<div class="row">
<div class="col">
<a class="bi bi-instagram" id="instagram" data-toggle="tooltip" data-placement="top" title="@fanianjrt.h" href="https://www.instagram.com/fabianjrt.h/"></a>
</div>
<div class="col">
<a class="bi bi-twitter" id="twitter" data-toggle="tooltip" data-placement="top" title="@JFab110900" href="https://twitter.com/JFab110900"></a>
</div>
</div>
<div class="row">
<div class="col">
<a class="bi bi-twitch" id="twitch" data-toggle="tooltip" data-placement="top" title="JFab00" href="https://www.twitch.tv/settings/profile"></a>
</div>
<div class="col">
<a class="bi bi-github" id="github" data-toggle="tooltip" data-placement="top" title="JFab00" href="https://github.com/JFab00"></a>
</div>
</div>
<div class="row">
<div class="col">
<a class="bi bi-discord" id="discord" data-toggle="tooltip" data-placement="top" title="JFab#8912" href="https://discord.com/users/296279798521659393"></a>
</div>
<div class="col">
<a class="bi bi-linkedin" id="linkedin" data-toggle="tooltip" data-placement="top" title="Fabian Juratu" href="https://www.linkedin.com/in/fabian-juratu-743010223/"></a>
</div>
</div>
<a class="bi bi-reddit" id="reddit" data-toggle="tooltip" data-placement="top" title="u/ILRU-" href="https://www.reddit.com/user/ILRU-"></a>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<i id="copyrightSign"></i>2021 - 2022 Juratu Fabian All rights reserved
</div>
</body>
</html>