Start Project

parsfront · Jul 3, 2022 · 4aef806 · 4aef806
1 parent 93cf8d9
commit 4aef806
Show file tree

Hide file tree

Showing 49 changed files with 371 additions and 0 deletions.
diff --git a/fonts/Shabnam.eot b/fonts/Shabnam.eot
diff --git a/fonts/Shabnam.ttf b/fonts/Shabnam.ttf
diff --git a/fonts/Shabnam.woff b/fonts/Shabnam.woff
diff --git a/fonts/Shabnam.woff2 b/fonts/Shabnam.woff2
diff --git a/fonts/vazir.eot b/fonts/vazir.eot
diff --git a/fonts/vazir.ttf b/fonts/vazir.ttf
diff --git a/fonts/vazir.woff b/fonts/vazir.woff
diff --git a/fonts/vazir.woff2 b/fonts/vazir.woff2
diff --git a/img/1.jpg b/img/1.jpg
diff --git a/img/2.jpg b/img/2.jpg
diff --git a/img/Thumbs.db b/img/Thumbs.db
diff --git a/img/about.jpg b/img/about.jpg
diff --git a/img/contact-bg.jpg b/img/contact-bg.jpg
diff --git a/img/home-bg.jpg b/img/home-bg.jpg
diff --git a/img/icons/arrow-down.svg b/img/icons/arrow-down.svg
diff --git a/img/icons/facebook.svg b/img/icons/facebook.svg
diff --git a/img/icons/instagram.svg b/img/icons/instagram.svg
diff --git a/img/icons/linkedin.svg b/img/icons/linkedin.svg
diff --git a/img/icons/next.svg b/img/icons/next.svg
diff --git a/img/icons/prev.svg b/img/icons/prev.svg
diff --git a/img/icons/twitter.svg b/img/icons/twitter.svg
diff --git a/img/service/1.jpg b/img/service/1.jpg
diff --git a/img/service/2.jpg b/img/service/2.jpg
diff --git a/img/service/3.jpg b/img/service/3.jpg
diff --git a/img/service/4.jpg b/img/service/4.jpg
diff --git a/img/service/5.jpg b/img/service/5.jpg
diff --git a/img/service/6.jpg b/img/service/6.jpg
diff --git a/img/service/Thumbs.db b/img/service/Thumbs.db
diff --git a/img/works/large/1.jpg b/img/works/large/1.jpg
diff --git a/img/works/large/2.jpg b/img/works/large/2.jpg
diff --git a/img/works/large/3.jpg b/img/works/large/3.jpg
diff --git a/img/works/large/4.jpg b/img/works/large/4.jpg
diff --git a/img/works/large/5.jpg b/img/works/large/5.jpg
diff --git a/img/works/large/6.jpg b/img/works/large/6.jpg
diff --git a/img/works/large/Thumbs.db b/img/works/large/Thumbs.db
diff --git a/img/works/thumb/1.jpg b/img/works/thumb/1.jpg
diff --git a/img/works/thumb/2.jpg b/img/works/thumb/2.jpg
diff --git a/img/works/thumb/3.jpg b/img/works/thumb/3.jpg
diff --git a/img/works/thumb/4.jpg b/img/works/thumb/4.jpg
diff --git a/img/works/thumb/5.jpg b/img/works/thumb/5.jpg
diff --git a/img/works/thumb/6.jpg b/img/works/thumb/6.jpg
diff --git a/img/works/thumb/Thumbs.db b/img/works/thumb/Thumbs.db
diff --git a/index.html b/index.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="fa" dir="rtl">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="./styles/all.min.css">
+  <link rel="stylesheet" href="./styles/materialize.min.css">
+  <link rel="stylesheet" href="./styles/style.css">
+  <title>قالب شخصی من</title>
+</head>
+
+<body>
+
+
+  <header>
+    <nav class="nav-wrapper transparent">
+      <div class="container">
+        <a href="#" class="brand-logo left">
+          <h5>OldCoder</h5>
+        </a>
+        <ul class="right">
+          <li><a href="#">خانه</a></li>
+          <li><a href="#">درباره ما</a></li>
+          <li><a href="#">خدمات</a></li>
+          <li><a href="#">نمونه کارها</a></li>
+          <li><a href="#">تماس با ما</a></li>
+        </ul>
+      </div>
+    </nav>
+  </header>
+
+  <section class="home">
+    <div class="overlay">
+      <div class="container">
+        <div class="home-content">
+          <h1>به وب سایت ما خوش آمدید</h1>
+          <p>استودیو عکاسی</p>
+        </div>
+      </div>
+      <a href="#" class="scroll-down">
+        <img src="./img/icons/arrow-down.svg" alt="">
+      </a>
+    </div>
+  </section>
+
+
+
+
+
+
+  <script src="./js/jquery-3.5.1.min.js"></script>
+  <script src="./js/materialize.min.js"></script>
+  <script src="./js/all.min.js"></script>
+</body>
+
+</html>
diff --git a/js/all.min.js b/js/all.min.js
diff --git a/js/jquery-3.5.1.min.js b/js/jquery-3.5.1.min.js
diff --git a/js/materialize.min.js b/js/materialize.min.js
diff --git a/styles/all.min.css b/styles/all.min.css
diff --git a/styles/materialize.min.css b/styles/materialize.min.css
diff --git a/styles/style.css b/styles/style.css
@@ -0,0 +1,129 @@
+@font-face {
+    font-family: "shabnam";
+    src: url("../fonts/shabnam.eot") format("eot");
+    src: url("../fonts/shabnam.ttf") format("truetype"), url("../fonts/shabnam.woff") format("woff");
+}
+
+* {
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+    list-style: none;
+    text-decoration: none;
+    box-shadow: none !important;
+}
+
+body {
+    font-family: "shabnam";
+}
+
+header {
+    width: 100%;
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index: 2;
+}
+
+nav ul a {
+    font-size: 19px !important;
+    transition: all 0.3s ease-in-out;
+    -webkit-transition: all 0.3s ease-in-out;
+    -moz-transition: all 0.3s ease-in-out;
+    -ms-transition: all 0.3s ease-in-out;
+    -o-transition: all 0.3s ease-in-out;
+}
+
+nav ul a:hover {
+    background-color: rgba(0, 0, 0, 0);
+    color: #ff8f00;
+}
+
+nav .brand-logo {
+    position: relative !important;
+}
+
+.home {
+    background: url("../img/home-bg.jpg");
+    background-size: cover;
+    background-position: center;
+    height: 100vh;
+    position: relative;
+}
+
+.home .overlay {
+    position: absolute;
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+    background-color: rgb(0, 0, 0);
+    opacity: 0.7;
+}
+
+.home .home-content {
+    height: 100vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    color: #fff;
+}
+
+.home .home-content h1 {
+    font-size: 50px;
+    font-weight: bold;
+    letter-spacing: 8px;
+}
+
+.home .home-content p {
+    font-size: 30px;
+    margin-top: 20px;
+}
+
+.home .scroll-down {
+    position: absolute;
+    bottom: 30px;
+    right: 50%;
+    transform: translateX(50%);
+    -webkit-transform: translateX(50%);
+    -moz-transform: translateX(50%);
+    -ms-transform: translateX(50%);
+    -o-transform: translateX(50%);
+    animation: scrollDown 2s ease infinite;
+    -webkit-animation: scrollDown 2s ease infinite;
+}
+
+@keyframes scrollDown {
+    0%,
+    20%,
+    50%,
+    80%,
+    100% {
+        transform: translateY(0);
+        -webkit-transform: translateY(0);
+        -moz-transform: translateY(0);
+        -ms-transform: translateY(0);
+        -o-transform: translateY(0);
+    }
+
+    40% {
+        transform: translateY(-30px);
+        -webkit-transform: translateY(-30px);
+        -moz-transform: translateY(-30px);
+        -ms-transform: translateY(-30px);
+        -o-transform: translateY(-30px);
+    }
+
+    60% {
+        transform: translateY(-15px);
+        -webkit-transform: translateY(-15px);
+        -moz-transform: translateY(-15px);
+        -ms-transform: translateY(-15px);
+        -o-transform: translateY(-15px);
+    }
+}
+
+.home .scroll-down img {
+    width: 30px;
+}