diff --git a/practice/practice-02/src/index.pug b/practice/practice-02/src/index.pug index 7422c13..4a5a086 100644 --- a/practice/practice-02/src/index.pug +++ b/practice/practice-02/src/index.pug @@ -24,3 +24,4 @@ html(lang="en") include layouts/offer include layouts/service include layouts/menu + include layouts/platform diff --git a/practice/practice-02/src/layouts/platform.pug b/practice/practice-02/src/layouts/platform.pug new file mode 100644 index 0000000..36cdd57 --- /dev/null +++ b/practice/practice-02/src/layouts/platform.pug @@ -0,0 +1,34 @@ +- var platform_image_path = "./assets/images/platform/"; + +section.platform + .platform__container + .platform__image-container + picture + source( + media="(min-width: 1200px)", + srcset=platform_image_path + "main-image-desktop.png" + ) + img.platform__main-image( + src=platform_image_path + "main-image-mobile.png", + alt="The image introduce the platform" + ) + .platform__content + h2.platform__heading It's Now + = " " + span.primary-text More Easy + = " to " + span.secondary-text Order + = " by Our Mobile " + span.primary-text App + p.platform__description All you need to do is downlode one of the best delivery apps, makes a and most companies are opting for mobile app devlopment for food delivery. + .platform__store-container + .platform__google-store + img.platform__google-store-image( + src=platform_image_path + "chplay.png", + alt="Google store image" + ) + .platform__app-store + img.platform__app-store-image( + src=platform_image_path + "app-store.png", + alt="App store image" + )