diff --git a/lab3/imgs/avatar.png b/lab3/imgs/avatar.png
new file mode 100644
index 00000000..edc8d0a8
Binary files /dev/null and b/lab3/imgs/avatar.png differ
diff --git a/lab3/imgs/github-mark.png b/lab3/imgs/github-mark.png
new file mode 100644
index 00000000..c39dde1c
Binary files /dev/null and b/lab3/imgs/github-mark.png differ
diff --git a/lab3/lab3.css b/lab3/lab3.css
new file mode 100644
index 00000000..7981d3f5
--- /dev/null
+++ b/lab3/lab3.css
@@ -0,0 +1,123 @@
+body {
+ margin: 0 auto;
+ color: #ffffff;
+}
+
+.section {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ width: 100%;
+ min-height: 100%;
+ padding: 30px 0 30px 0;
+ background: linear-gradient(to bottom, #2e3c57, #0d1529);
+}
+
+.section__avatar {
+ height: 250px;
+ width: 250px;
+ border-radius: 50%;
+ content: url(./imgs/avatar.png);
+ object-fit: cover;
+ background: #ffffff;
+ box-shadow: 0px 13px 19px 12px rgba(0, 0, 0, 0.2);
+ margin-bottom: 20px;
+}
+
+.section__name {
+ font-size: 50px;
+ font-weight: 900;
+ margin-bottom: 5px;
+}
+
+.section__date {
+ color: #d8d8d8;
+ font-size: 40px;
+ font-weight: 500;
+ margin-bottom: 30px;
+}
+
+.section__about-title {
+ color: #ffffff;
+ font-size: 50px;
+ font-weight: 900;
+}
+
+.section__about-text {
+ color: #d8d8d8;
+ font-size: 40px;
+ font-weight: 500;
+ margin-bottom: 30px;
+}
+
+.section__socials-title {
+ color: #ffffff;
+ font-size: 50px;
+ font-weight: 900;
+ margin-bottom: 30px;
+}
+
+.section__socials-objs {
+ display: flex;
+ background: #ffffff;
+ height: 150px;
+ width: 150px;
+ margin-bottom: 50px;
+ border-radius: 50%;
+ justify-content: center;
+ align-items: center;
+ box-shadow: 0px 13px 19px 12px rgba(0, 0, 0, 0.2);
+}
+
+.section__socials-objs img {
+ height: 80px;
+}
+
+.section__hobies {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ flex-direction: column;
+}
+
+.section__hobbies__title {
+ color: #eef5ff;
+ font-size: 40px;
+ font-weight: 900;
+ margin-bottom: 30px;
+ padding-top: 20px;
+}
+
+.section__hobbies__objs {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ grid-template-rows: repeat(2, 1fr);
+ row-gap: 20px;
+ column-gap: 100px;
+ width: 100%;
+ justify-items: center;
+}
+
+.section__hobbies__objs__el {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ gap: 5px;
+ height: 140px;
+ width: 270px;
+ border-radius: 30px;
+ box-shadow: 0px 13px 19px 12px rgba(0, 0, 0, 0.2);
+ background: #fff;
+ padding-top: 10px;
+}
+
+.section__hobbies__objs__el img {
+ height: 100px;
+ width: 100px;
+}
+
+.section__hobbies__objs__el span {
+ color: #000000;
+ font-size: 20px;
+ font-weight: 900;
+}
\ No newline at end of file
diff --git a/lab3/lab3.html b/lab3/lab3.html
new file mode 100644
index 00000000..d31bfaa0
--- /dev/null
+++ b/lab3/lab3.html
@@ -0,0 +1,62 @@
+
+
+
+
+
+ Lab3
+
+
+
+
+
+
Шапилов Николай Михайлович
+
01.02.2007
+
Обо мне:
+
Учеба, баскетбол, живу в Самарской области
+
GitHub:
+
+
+
+
+
Увлечения:
+
+
+
+
Баскетбол
+
+
+
+
Фотография
+
+
+
+
Игры
+
+
+
+
Программировние
+
+
+
Soft/hard скилы:
+
+
+
+
Работа в команде
+
+
+
+
Ответственность
+
+
+
+
Монтаж видео
+
+
+
+
Web-верстка
+
+
+
+
