Skip to content

Commit 6ec1af5

Browse files
authored
Add files via upload
0 parents  commit 6ec1af5

26 files changed

+4068
-0
lines changed

README.md

16 Bytes
Binary file not shown.

asd.gif

153 KB
Loading

bimo.png

2.81 MB
Loading

cas9.png

104 KB
Loading

contact.html

Lines changed: 255 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,255 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Document</title>
8+
<style>
9+
#mainarea {
10+
width: 100%;
11+
height: 230%;
12+
position: absolute;
13+
left: 0;
14+
top: 0;
15+
z-index: 0;
16+
17+
}
18+
19+
#toparea {
20+
width: 100%;
21+
height: 5%;
22+
position: sticky;
23+
left: 0;
24+
top: 0;
25+
z-index: 4;
26+
background-color: #055BDD;
27+
display: flex;
28+
align-items: center;
29+
30+
}
31+
32+
#leftlogo {
33+
height: 10vh;
34+
width: 10vh;
35+
left: 1vh;
36+
position: relative;
37+
margin-right: 2vh;
38+
background-image: url(logo.png);
39+
background-size: contain;
40+
transition: all 200ms;
41+
}
42+
43+
#leftlogo:hover {
44+
cursor: pointer;
45+
filter: brightness(0.7);
46+
47+
}
48+
49+
#lefttext {
50+
color: white;
51+
font-family: "Inter", sans-serif;
52+
position: relative;
53+
font-size: 3vh;
54+
}
55+
56+
#profilelogo {
57+
height: 7vh;
58+
width: 7vh;
59+
background-image: url(pp.png);
60+
background-size: contain;
61+
right: -110vh;
62+
position: relative;
63+
margin-left: 5vh;
64+
transition: all 500ms;
65+
}
66+
67+
#profilelogo:hover {
68+
filter: brightness(0.4);
69+
cursor: pointer;
70+
}
71+
72+
#topbutonsback {
73+
height: 40%;
74+
width: 30%;
75+
position: relative;
76+
left: 40vh;
77+
display: flex;
78+
font-family: "Inter", sans-serif;
79+
80+
}
81+
82+
.topbutons {
83+
height: 100%;
84+
width: 30%;
85+
font-size: 2vh;
86+
color: white;
87+
text-align: center;
88+
display: grid;
89+
align-items: center;
90+
}
91+
92+
.topbutons:hover {
93+
filter: brightness(0.7);
94+
cursor: pointer;
95+
}
96+
97+
#profilearea {
98+
height: 50vh;
99+
width: 30vh;
100+
background-color: #80808098;
101+
position: absolute;
102+
right: 1vh;
103+
z-index: 3;
104+
backdrop-filter: blur(0.3vh);
105+
}
106+
107+
.topprofilbutons {
108+
height: calc(100%/6);
109+
color: white;
110+
111+
display: grid;
112+
align-items: center;
113+
padding-left: 3vh;
114+
font-family: "Inter", sans-serif;
115+
font-size: 2.5vh;
116+
transition: all 1s;
117+
}
118+
119+
.topprofilbutons:hover {
120+
color: black;
121+
cursor: pointer;
122+
}
123+
124+
#profilepanel {
125+
padding-left: 10vh;
126+
font-size: 2.9vh;
127+
}
128+
129+
#profilepanellogo {
130+
background-image: url(pp.png);
131+
background-size: contain;
132+
height: 5vh;
133+
width: 5vh;
134+
position: absolute;
135+
left: 2.5vh;
136+
}
137+
138+
#newone {
139+
height: 50vh;
140+
width: 150vh;
141+
margin: auto;
142+
top: 13vh;
143+
position: relative;
144+
}
145+
146+
#pageoneimg {
147+
height: 90%;
148+
aspect-ratio: 0.7/1;
149+
object-fit: cover;
150+
}
151+
152+
#newtwo {
153+
height: 50vh;
154+
width: 150vh;
155+
margin: auto;
156+
top: 30vh;
157+
position: relative;
158+
}
159+
160+
#pagetwoimg {
161+
height: 90%;
162+
aspect-ratio: 0.7/1;
163+
object-fit: cover;
164+
position: absolute;
165+
right: 0;
166+
}
167+
</style>
168+
</head>
169+
170+
<body>
171+
<div id="mainarea" onclick="hidesoms()">
172+
<div id="toparea">
173+
<div id="leftlogo" onclick="window.location='main.html'"></div>
174+
<h4 id="lefttext">Fredicin Kokeellinen Yksikkö</h4>
175+
<div onclick="ppbutonclik()" id="profilelogo"></div>
176+
<div id="topbutonsback">
177+
<div class="topbutons" onclick="window.location='info.html'">Hakkımızda</div>
178+
<div class="topbutons" onclick="window.location='deneyler.html'">Deneyler</div>
179+
<div class="topbutons" onclick="window.location='ilaclar.html'">İlaçlar</div>
180+
<div class="topbutons" onclick="window.location='contact.html'">İletişim</div>
181+
</div>
182+
</div>
183+
<div id="profilearea">
184+
<div id="profilepanel" class="topprofilbutons" onclick="window.location='login.html'">
185+
<div id="profilepanellogo"></div>
186+
Giriş Yap
187+
</div>
188+
<div class="topprofilbutons" onclick="alert('bu özellik devre dışı')">Hesap Oluştur</div>
189+
<div class="topprofilbutons" onclick="window.location='deneyler.html'">Deneyler</div>
190+
<div class="topprofilbutons" onclick="window.location='ilaclar.html'">İlaçlar</div>
191+
<div class="topprofilbutons" onclick="window.location='contact.html'">İletişim</div>
192+
<div class="topprofilbutons"onclick="window.location='work.html'">Çalışmak ister misin?</div>
193+
</div>
194+
195+
196+
<div id="newone">
197+
<h2
198+
style=" width: 115vh; height: 90%; font-family: 'Inter', sans-serif; font-size: 3vh; position: absolute; right: 0;">
199+
Şirketin kurucularından olan Fredic Quezberg hayatı boyunca bir çok işşe imza atmıştır. Hayali
200+
geliştirmekte olduğu Crisp Cas9 isimli cihaz ve teknolojinin bir üst seviyeye çıkarak, insanlığın
201+
ilerlemesine katkıda bulunmaktır. Misyonunu ilerletirken, şirket içerisinde bulunan çalışanların can
202+
güvenliğile birinci odaktan ilgilenmektedir. Şirketinin amacını ilaç üretmekten çok ilaç yaratmak
203+
olduğunu bir çok konferansında bildirmiştir.</h2>
204+
<img src="asd.gif" id="pageoneimg"></img>
205+
<h3 style="position: absolute; bottom: 0.8vh; left: 7vh;">Fredic Quezberg</h3><br>
206+
<h4 style="position: absolute; bottom: -1.5vh; left: 12vh;">CEO</h4>
207+
</div>
208+
209+
210+
<div id="newtwo">
211+
<h2
212+
style="text-align: right; width: 115vh; height: 90%; font-family: 'Inter', sans-serif; font-size: 3vh; position: absolute; left: 0;">
213+
Baş mühendis ellen, çocukluğundan beri bir çok deneyde insanlarla iletişimde kalmıştır. Bu sebeple FKY
214+
onu deneylerinde baş bakıcı konumunda tutar. FKY olarak tutumumuz insanları geçmişiyle yargılamaktan
215+
ötededir. Profosyonel olmamız gereken bu işte, kişileri sabıkalarına veya geçmiş hayatlarına göre
216+
yargılamamalıyız.</h2>
217+
<img src="ellen.png" id="pagetwoimg"></img>
218+
<h3 style="position: absolute; bottom: 0.8vh; right: 11vh;">Ellen Gino</h3><br>
219+
<h4 style="position: absolute; bottom: -1.5vh; right: 8.5vh;">Baş bakıcı/kimyager</h4>
220+
</div>
221+
222+
<div id="newone" style="top: 60vh;">
223+
<h2
224+
style=" width: 115vh; height: 90%; font-family: 'Inter', sans-serif; font-size: 3vh; position: absolute; right: 0;">
225+
Baş mühendis Bimo, şirketimizin en başarılı mucitlerinden birisidir. Crisp Cas9'un yapım ekibinin
226+
başında olan Bimo, Şu anda 248 deneyinde görev almaktadır.<br>[Veri Silindi]<br>[Veri Silindi]<br>[Veri
227+
Silindi]</h2>
228+
<img src="bimo.png" id="pageoneimg"></img>
229+
<h3 style="position: absolute; bottom: 0.8vh; left: 12vh;">Bimo Rose</h3><br>
230+
<h4 style="position: absolute; bottom: -1.5vh; left: 11.5vh;">Baş mühendis</h4>
231+
</div>
232+
233+
234+
<h2 style="position: absolute; bottom: 0; font-family: 'Inter', sans-serif; left: 13%;" id="botomtext">Fredicin
235+
Kokeellinen Yksikkö kar amacı güderek insanlığı bir üst seviyeye taşımayı hedefleyen ilaç şirketi ve deney
236+
kuruluşudur.</h2>
237+
238+
</div>
239+
240+
<script>
241+
document.getElementById("profilearea").style.display = "none";
242+
let pparea = false;
243+
function ppbutonclik() {
244+
pparea = !pparea;
245+
if (pparea) {
246+
document.getElementById("profilearea").style.display = "";
247+
} else {
248+
document.getElementById("profilearea").style.display = "none";
249+
}
250+
}
251+
252+
</script>
253+
</body>
254+
255+
</html>

0 commit comments

Comments
 (0)