 שאַפֿן אַ בייַשפּיל פון אַ וועב בלאַט.
<!DOCTYPE html> <html> <head> <title>מייַן אָסאַם וועב בלאַט</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial- scale=1"> <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> <style type="text/css"> body { font-family: 'עפענען סאַנס', sans-serif; } .container {ברייט: 80%; גרענעץ: 0 אַוטאָ; וואַטן: 20פּקס 0; } כעדער {ווייַז: פלעקס; אַליינ-ייטאַמז: צענטער; באַרעכטיקן-אינהאַלט: פּלאַץ-צווישן; } כעדער img {הייך: 80פּקס; } כעדער ה 1 { גרענעץ: 0; } nav ul { רשימה-נוסח: גאָרניט; גרענעץ: 0; וואַטן: 0; ווייַז: פלעקס; } נאַוויגאַציע { גרענעץ: 0 10פּקס; } נאַוו אַ {טעקסט-באַצירן: גאָרניט; קאָליר: #000; } .העלד {הייך: 400פּקס; הינטערגרונט-בילד: URL (https://source.unsplash.com/1600x900/?nature); הינטערגרונט-גרייס: דעקן; הינטערגרונט-שטעלע: צענטער; גרענעץ: 20פּקס 0; ווייַז: פלעקס; אַליינ-ייטאַמז: צענטער; באַרעכטיקן-אינהאַלט: צענטער; קאָליר: #פף; שריפֿט גרייס: 36פּקס; } אָפּטיילונג {margin: 20px 0; } פוטער { הינטערגרונט: #עעע; וואַטן: 20פּקס; טעקסט-ייַנרייען: צענטער; } </style> </head> <body> <div class="container"> <header> <img src="https://www.logodesign.net/logo/abstract-cuboid-building-4519ld.png" alt="logo"> <h1>מייַן אָסאַם וועב בלאַט</h1> <nav> <ul> <li><a href="#">היים</a></li> <li><a href= "#">וועגן</a></li> <li><a href="#">סערוויס</a></li> <li><a href="#">קאָנטאַקט</a>< /li> </ul> </nav> </header> <div class="hero"> <p>ברוכים הבאים צו מיין וועב בלאַט</p> </div> <אָפּטיילונג> <h2>וועגן מיר</h2 > <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. פּעללענטעסקווע מאַקסים