first commit

2026-01-06 00:18:54 +03:00
commit 7719a118a6
27 changed files with 259 additions and 0 deletions
--- a/style.css
+++ b/style.css
@@ -0,0 +1,145 @@
+/* --------------------------------Font-------------------------------- */
+@font-face {
+    font-family: "MurreyC";
+    src: url("fonts/MurreyC/murreyc.woff2") format("woff2");
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+@font-face {
+    font-family: "MurreyC";
+    src: url("fonts/MurreyC/murreyc.woff") format("woff");
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+@font-face {
+    font-family: "MurreyC";
+    src: url("fonts/MurreyC/murreyc.eot") format("eot");
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+
+
+/* --------------------------------MAIN-------------------------------- */
+
+body {
+    background: url("images/ChatGPT\ Image\ 5\ янв.\ 2026\ г.\,\ 15_49_39.png") 100% 40% / cover;
+    font-family: "MurreyC";
+    font-size: 16px;
+    font-weight: 400;
+    letter-spacing: 3px;
+    height: auto;
+}
+button {
+    background-color: #3a1f09;
+    padding: 0 15px;
+    border-radius: 33px;
+    transition: all .3s;
+    color: #e5b97e;
+    box-shadow: #3a1f09 2px 4px 10px 2px;
+}
+button:hover {
+    background-color: #f0c590;
+    color: #b06029;
+    transform: scale(1.015);
+}
+
+/* -------------------------------HEADER------------------------------ */
+.header {
+    width: 100%;
+    background-color: #663c24;
+    padding: 20px 180px;
+    margin-top: 40px;
+    margin-bottom: 40px;
+    box-shadow: #3a1f09 2px 4px 10px 2px;
+}
+.nav {
+}
+.menu {
+    display: flex;
+    justify-content: space-between;
+}
+.item {
+    color: #e7b15c;
+    font-size: 36px;
+    font-weight: 900;
+    transition: all .3s;
+    text-shadow: 1px 2px #322624;
+}
+.item:hover {
+    
+}
+.link {
+    
+    transition: all .3s;
+}
+.link:hover {
+    text-decoration: underline;
+}
+
+/* --------------------------------Welcome----------------------------- */
+
+.content {
+}
+.heading {
+    background: url("images/25.png") 50% 100% / cover;
+    margin: 0px 400px;
+    /* border: 10px solid rgb(184, 136, 48); */
+    /* border: 15px double rgb(184, 136, 48); */
+    height: 620px;
+    box-shadow: #000000 2px 4px 10px 2px;
+}
+.heading_content {
+    padding: 15px 100px;
+}
+.heading_cont {
+    position: relative;
+    z-index: 1;
+    padding: 20px 0px 20px 0px;
+    text-align: center;
+    box-shadow: #000000 2px 4px 10px 2px;
+}
+.heading_cont::after {
+    z-index: -1;
+    position: absolute;
+    content: "";
+    display: block;
+    background-color: rgba(184, 136, 48, 0.8);
+    height: 100%;
+    width: 100%;
+    top: 0;
+    border: 1px solid #42240c;
+}
+.heding_title {
+    font-size: 34px;
+    font-weight: 900;
+    text-decoration: underline;
+}
+.heading_info {
+    font-size: 30px;
+    font-weight: 700;
+    text-transform: uppercase;
+}
+.heading_date {
+    font-size: 26px;
+    font-weight: 700;
+    background-image: linear-gradient(to left, rgb(66, 36, 12), rgb(184, 136, 48));
+}
+.heading_text {
+    font-size: 24px;
+    padding: 0 20px;
+    font-weight: 700;
+}
+.btn_share {
+    margin-top: 10px;
+    font-size: 26px;
+}
+.asise {
+
+}
+.time{
+    font-size: 130px;
+    text-align: center;
+}