From e0f27651590f5138b88dd0795344887167d16def Mon Sep 17 00:00:00 2001 From: skifsky <68629854+skifsky@users.noreply.github.com> Date: Fri, 30 Aug 2024 22:12:42 +0400 Subject: [PATCH] study-second#project --- contents/Tribute_Page/styles.css | 90 ++++++++++++++++++++++++ contents/Tribute_Page/tribute_page.html | 38 +++++++++- favicon.png | Bin 0 -> 2984 bytes index.html | 2 + 4 files changed, 127 insertions(+), 3 deletions(-) create mode 100644 favicon.png diff --git a/contents/Tribute_Page/styles.css b/contents/Tribute_Page/styles.css index e69de29..9939310 100644 --- a/contents/Tribute_Page/styles.css +++ b/contents/Tribute_Page/styles.css @@ -0,0 +1,90 @@ +/* GENERAL SELECTORS */ + +html { + background-color: whitesmoke; +} + +body { + background-color: rgb(235, 235, 235); + font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + margin: 2% 1%; + border: 2px solid transparent; + border-radius: 10px; +} + +/* TITLE SELECTORS */ + +.title { + text-align: center; +} + +.title h1 { + font-size: 2.5rem; + font-weight: bold; + margin-bottom: 0; +} + +/* IMAGE SELECTORS */ + +.image { + background-color: whitesmoke; + text-align: center; + padding: 2% 0 0.1rem 0; + margin: 0 1%; + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: center; +} + +.image figcaption { + margin: 1rem 10%; +} + +.image img { + max-width: 100%; + display: block; +} + +.image > figcaption > span { + font-style: italic; +} + +/* BIOGRAPHY SELECTORS */ + +h3 { + text-align: center; + margin: 3rem auto; +} + +.biography { + margin: auto 25%; +} + +ul > li { + margin: 1rem auto; + line-height: 1.5; +} + +blockquote { + font-style: italic; + margin: 2rem auto; +} + +/* REFERNCE SELECTOR */ + +a { + color: whitesmoke; +} + +a:active { + color:lightsteelblue; +} + +a:hover { + color: lightsteelblue; +} + +a:visited { + color: lightsteelblue; +} \ No newline at end of file diff --git a/contents/Tribute_Page/tribute_page.html b/contents/Tribute_Page/tribute_page.html index 3e9be53..f9e6220 100644 --- a/contents/Tribute_Page/tribute_page.html +++ b/contents/Tribute_Page/tribute_page.html @@ -1,12 +1,44 @@ - + Александр Михайлович Прохоров - +
+
+

Александр Михайлович Прохоров

+

Пионер квантовой электроники и лазерных технологий

+
+
+ Александр Михайлович Прохоров работает с экспериментальной установкой для изучения квантовых генераторов +
Лауреат Нобелевской премии, руководитель лаборатории колебаний физического института имени Лебедева АН СССР Александр Михайлович Прохоров работает с экспериментальной установкой для изучения квантовых генераторов.
Источник: stimul.online
+
+

Краткая биография А.Н. Прохорова:

+
+ +
+ «...что касается практических применений лазеров, то они широко используются во многих областях науки, техники и медицины. В настоящее время происходит дальнейшее развитие лазеров и их применений. Можно уверенно говорить, что мы находимся на линейном участке развития лазеров и пока нет признаков эффекта насыщения...» +
+ -- А. М. Прохоров, «К 25-летнему юбилею лазера» +
+
+

Если вам стали интересны подробности биографии учёного, обратитесь к статье о нём в Википедии.

+
- \ No newline at end of file + diff --git a/favicon.png b/favicon.png new file mode 100644 index 0000000000000000000000000000000000000000..c5f727f949f2ebb3a2f33433346869955df06b15 GIT binary patch literal 2984 zcmcJR`8(8WAIIz~7<$MxPkRr)-JIbf%qD4PYHhE# z+BSqH?W!m=c-f_5+)zFi7BN!uS@`GdsYgdaqS1DE6S64_`$17{r2H^%Pn=s(OJHG4>_pP|p=xkefd!K2t;O8x+rczA#7#o?o9R z)cHD$Y^~`O&%3fKxog8W{j93SX6vT>kH~Qzm|>6%>y@dx)tM#D<@cPm5;5;`JNICx z{+~xdWn7dqp9F;lK}fOKk*iUTLxh9-6G->B$b;ZmoO388-Kb+=P2BT6&+GJ!dgsmK zER4!0Ar+X0hSIHyNWqHzJ<`6G)(rZXK61n#cVi*BM!`QLVl#%u&}F{Zf0JXL3t>j? zih{YM%8}^Veq_f}*g#+@muxllSY4>X@2V ze3W^&w;_FP^-4g%b))w=lcgi5_{emi#B(Rf|(HG{Npw+mI(L_cb$Qzp+U1YVV zo}JVEt@9SzA*}n&UTSLeA1$=fNgaUUon<`utPtX&*{lO_*A``{t}$%3QNA%~{lm&`4!)M{92^tE>2Xr1xfXI*w2!r$!T;D$ZFyoSG{E#2Mhx+X$i z3SZ}hbkr*rB(*d>e0yN@u=DJG0?gU>6J7e8SIuI~@<-1tUsb>>J#50hD))_{U@B$c z{Y2e`^TzXJt&SV)iqPM&PEiXsMn}Nour%vJh>b4(C>db@Efwz{Qz%EU! z<_#%s4ktnIBGE9*s{tVkOf7&R-Td*3eE7d=8w9~v&7V>Srj#X;oJ9opPzb#rZ_*n3 zAv|Bz-|-ZvIR3Rt_Vgx2P?VY(S}Dl%1w2Ic0x3BN@F;us067O7Vo3K1HPwajWb%-j4(CGUJIyQlf$IiR9Fb8641nh z5kd56Rw4SQgQ%MO(6A_YjxZOCL1b{h%dDt#30kk_*x z9}|MVpyYrQnF5gb+Dzj?2_29(VpevY@x3-=-9iT1ZlYK|%9o~Cs=-{XC%|ch_#IAB z^xLAx!$%P(si(V~psEp;O*re2Gzg1m*5v5XblWJ0+*Ts_C?v-%d2MDUhd+R*&~(~t zV|fGVT}1EvrdWVhLM8+nTZfd_Tz;4c zwg(nIYRHS_AJ?N!xUbYp0H&6fLR?*4HN{nhT_X;Ob^jWPT06gI`g$3TF*5(eNJk>4 ze15j?3nfJ2H-eP1QnjqEp}4H-sCk^DDby-U{dpxP<^{K zyKO0$yheorUv%vs>=>FNV=^tWZb)W>0829yZ{1s8?Gfn}{^MS54{@-#J;WNNB?tkz zU5YNRsgTaV`K+?3Hxx0oAJ4e;`RmQCKJN3i4U}V_G~KG(*yq59skymdW5fFu1-#vO zc_Mq_wEyaIu;udgZP*VxB2~igMQc&Wt2G);tjlIV2=w2aB^I~LVx8>PGKQ?_0CU%q z?_tXZ#}sbh`rWdYq%1UJtopMSCs`6V-n0}<>glxVsG)yiIpg`teuxU0t!@FMb+4eu zq3$n!q7VW|+HqUd)tI*o_I8FzHR!LJGv67ea@CH3Eo6K$voJM4UY&+|4$s>w)SqbG z0I=RaQgkrA*}nU4i6+VjAJ%!Gm-OngdwajlF5E^_y2}qq`O%b#Y%8dMG0`lSgp|E~ zRIi-OO$OC4NyupoNCVXcEt`KyLR5)^cmZ`Maz;aIu+Qw#5r<$M(WQ3uz#HlMjI*63YP@J6VWmEdwEC=WS@y zEqegw6IF_`l1qRCYq6+gO;r@Bf09-ph|~tZD5*o_Sbq#{A2pg{@BcH|`NX6C$6&jx Z`6b|5)Y;>mEJ*?fj&^%(OZEgN{0HP^8TЗаглавная +
@@ -25,6 +26,7 @@

Responsive Web Design

CSS-фотогалерея (flexbox)

CSS-типография

CSS-квиз (доступная среда)

+

Проект: краткая биография (Александр Прохоров)