Initial commit

2022-04-27 02:59:12 +03:00
commit 870662d7a5
47 changed files with 964 additions and 0 deletions
--- a/style.css
+++ b/style.css
@@ -0,0 +1,186 @@
+* {
+  box-sizing: border-box;
+}
+
+body {
+  color: #000000;
+  display: flex;
+  align-items: center;
+}
+
+header, main {
+  width: 100%;
+  max-width: 1500px;
+  padding-top: 32px;
+  gap: 40px
+}
+
+main {
+  background-image: url("static/img/bg.svg");
+  background-repeat: space;
+  background-position-x: center;
+}
+
+footer {
+  width: 100%;
+  padding: 50px;
+  gap: 30px
+}
+
+h2, p, ul {
+  margin: 0;
+}
+
+.flex {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.nowrap {
+  flex-wrap: nowrap;
+}
+
+.flex-col {
+  flex-direction: column;
+}
+
+.items-center {
+  align-items: center;
+}
+
+.items-start {
+  align-items: flex-end;
+}
+
+.justify-center {
+  justify-content: center;
+}
+
+.full-width {
+  width: 100%;
+}
+
+.full-height {
+  height: 100%;
+}
+
+.max-width-1000 {
+  max-width: 900px;
+}
+
+.list-style {
+  list-style-image: url("static/img/list-line.svg");
+}
+
+.list-style > li {
+  padding-left: 16px;
+  padding-top: 30px;
+}
+
+.header-menu {
+  margin-top: 24px;
+  padding: 24px 44px;
+  background-color: #000000;
+  gap: 136px
+}
+
+.menu-link {
+  text-decoration: none;
+  color: #ffffff;
+}
+
+.menu-link:visited {
+  color: #ffffff;
+}
+
+.skill-card {
+  filter: drop-shadow(2px 2px 0px rgba(0, 0, 0, 0.25));
+  border-radius: 12px;
+  border: 3px solid rgba(0, 0, 0, 0.27);
+  width: 350px;
+  height: 290px;
+  padding: 10px;
+}
+
+.skill-list {
+  column-gap: 170px;
+  row-gap: 70px;
+}
+
+.skill-list-item {
+  padding-top: 27px;
+}
+
+.text-end {
+  text-align: end;
+}
+
+.bottom-logo {
+  width: 112px;
+}
+
+/* Typography */
+
+.inter-22 {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 500;
+  font-size: 22px;
+  line-height: 27px;
+}
+
+.inter-40 {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 700;
+  font-size: 40px;
+  line-height: 48px;
+}
+
+.inter-28-700 {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 28px;
+  line-height: 34px;
+}
+
+.inter-24-600 {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 600;
+  font-size: 24px;
+  line-height: 29px;
+}
+
+.inter-28 {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 28px;
+  line-height: 34px;
+}
+
+.inter-34-700 {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 700;
+  font-size: 34px;
+  line-height: 41px;
+}
+
+.inter-38 {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 38px;
+  line-height: 46px;
+}
+
+.inter-26-600 {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 600;
+  font-size: 26px;
+  line-height: 31px;
+}