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