diff --git a/app.css b/app.css
new file mode 100644
index 0000000..47579d5
--- /dev/null
+++ b/app.css
@@ -0,0 +1,86 @@
+@font-face{
+    font-family: "Shabnam";
+    src: url(../Fonts/Shabnam-FD.woff2) format(woff2);
+}
+* {
+    box-sizing: border-box;
+    margin: 0;
+}
+body{
+    font-family: "Shabnam";
+    background-color: #EEEEEE;
+}
+.container{
+    width: 1100px;
+    margin-top: 60px;
+    margin-left: auto;
+    margin-right: auto;
+}
+.head{
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 15px;
+    font-size: 20px;
+
+}
+.title__left{
+    display: flex;
+    align-items: center;
+
+} 
+.felex__itmes{
+    display: flex;
+    gap: 36px;
+
+}
+.box__itmes{
+    width: 250px;
+    background-color: #fff;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.8);
+}
+img{
+    width: 100%;
+}
+p{
+    
+}
+a{
+    font-family: 17px;
+    text-decoration-line: none  ;
+}
+.content{
+    color: black;
+    font-size: 15px;
+    margin-top: 10px;
+}
+.off{
+    font-size: small;
+    margin-top: 20px;
+    text-decoration-line:line-through ;
+}
+.end{
+    display: flex;
+    justify-content: space-between;
+}
+span{
+    color: #00897B;
+}
+.srat{
+    font-size: small;
+}
+logo{
+    width: 15px;
+    height: 15px;
+    color: #4DB6AC;
+}
+logo2{
+    width: 13px;
+    height: 13px;
+    color: #4DB6AC;
+}
+.ofer{
+    background-color:#E0F2F1 ;
+    color: #80DEEA;
+}
+
+
diff --git a/img3.jpg b/img3.jpg
new file mode 100644
index 0000000..075567d
Binary files /dev/null and b/img3.jpg differ
diff --git a/img4.jpg b/img4.jpg
new file mode 100644
index 0000000..d65d871
Binary files /dev/null and b/img4.jpg differ