 בויען אַ וועב בלאַט פֿאַר אַ פיקטישאַס אָנליין קראָם גערופֿן 'מיסטאָרע'.
<!DOCTYPE HTML> <html> <head> <title>MyStore | אָנליין שאַפּינג פֿאַר אַלץ</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { font-family: אַריאל, sans-serif; גרענעץ: 0; וואַטן: 0; } כעדער { הינטערגרונט-קאָליר: #333; קאָליר: ווייַס; ווייַז: פלעקס; באַרעכטיקן-אינהאַלט: פּלאַץ-צווישן; אַליינ-ייטאַמז: צענטער; וואַטן: 10px 30px; } כעדער אַ { קאָליר: ווייַס; טעקסט באַפּוצונג: גאָרניט; } כעדער אַ: האָווער { קאָליר: #דד; } #לאָגאָ {שריפֿט גרייס: 24פּקס; } nav ul { רשימה-נוסח: גאָרניט; גרענעץ: 0; וואַטן: 0; ווייַז: פלעקס; } נאַוויגאַציע { גרענעץ: 0 10פּקס; } הויפּט {מאַקס-ברייט: 1000פּקס; גרענעץ: 0 אַוטאָ; וואַטן: 50פּקס 0; } .פּראָדוקט {ברעג: 1פּקס האַרט #דדד; וואַטן: 30פּקס; טעקסט-ייַנרייען: צענטער; } .פּראָדוקט: האָווער { קעסטל-שאָטן: 2px 2px 10px rgba(0, 0, 0, 0.1); } .פּראָדוקט ימג {מאַקס-ברייט: 100%; } .פּראָדוקט ה4 { גרענעץ: 30פּקס 0 10פּקס; } פוטער { הינטערגרונט-קאָליר: #333; קאָליר: ווייַס; טעקסט-ייַנרייען: צענטער; וואַטן: 20פּקס 0; } </style> </head> <body> <header> <a href="#" id="logo">מיסטאָר</a> <nav> <ul> <li><a href="#"> היים</a></li> <li><a href="#">שאָפּ</a></li> <li><a href="#">וועגן</a></li> < li><a href="#">קאָנטאַקט</a></li> </ul> </nav> <a href="#">וואָג (0)</a> </header> <main> <h1> ברוכים הבאים צו MyStore</h1>