{"id":148,"date":"2026-05-08T15:26:17","date_gmt":"2026-05-08T15:26:17","guid":{"rendered":"https:\/\/theroyalscode.com\/students\/a_mehraban\/?p=148"},"modified":"2026-05-08T15:26:17","modified_gmt":"2026-05-08T15:26:17","slug":"free-friday-assigment-5-8-2026","status":"publish","type":"post","link":"https:\/\/theroyalscode.com\/students\/a_mehraban\/2026\/05\/08\/free-friday-assigment-5-8-2026\/","title":{"rendered":"Free Friday assigment 5\/8\/2026"},"content":{"rendered":"\n<p>Hey,  I made i web site about car information and car sale <\/p>\n\n\n\n<p>here i will post the code <\/p>\n\n\n\n<!DOCTYPE html>\n<html>\n<head>\n    <title>Ahmad Webpage<\/title>\n    <link rel=\"stylesheet\" href=\"style.css\">\n    <a href=\"car sale.html\">Go to Car Sale Page<\/a>\n\n<\/head>\n\n<body>\n    <div class=\"welcome\">\n        <h1>Welcome to My Webpage<\/h1>\n        <p>My name is <b>AhMaD<\/b><\/p>\n    <\/div>\n\n    <div class=\"img\">\n        <a href=\"https:\/\/www.jdpower.com\/cars\">If you want more information<\/a>\n    <\/div>\n    \n    <img decoding=\"async\" src=\"images\/car.png\" alt=\"\">\n\n    <footer>\n        <p>Contact: AhMaD@gmail.com<\/b><\/p>\n    <\/footer>\n<\/body>\n<\/html>\n\n\n\n\n<p>here is the the other page code <\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Car Sale<\/title>\n    <a href=\"index.html\">Go back<\/a>\n    <link rel=\"stylesheet\" href=\"style.css\">\n\n \n<header>\n    <h1>Cars for Sale<\/h1>\n<\/header>\n\n<div class=\"car-container\">\n\n    <div class=\"car-card\">\n        <img decoding=\"async\" src=\"https:\/\/stimg.cardekho.com\/images\/carexteriorimages\/930x620\/Toyota\/Camry\/11344\/1773396920075\/front-left-side-47.jpg\" alt=\"Car 1\">\n        <h2>2020 Toyota Camry<\/h2>\n        <p class=\"price\">$18,500<\/p>\n        <p>Clean title, low mileage, excellent condition.<\/p>\n        <button>Contact Seller<\/button>\n    <\/div>\n\n    <div class=\"car-card\">\n        <img decoding=\"async\" src=\"https:\/\/images.hgmsites.net\/med\/2019-honda-civic-si-coupe-manual-w-summer-tires-ltd-avail-angular-front-exterior-view_100695009_m.jpg\" alt=\"Car 2\">\n        <h2>2019 Honda Civic<\/h2>\n        <p class=\"price\">$16,200<\/p>\n        <p>Sport edition, great fuel economy, one owner.<\/p>\n        <button>Contact Seller<\/button>\n    <\/div>\n\n    <div class=\"car-card\">\n        <img decoding=\"async\" src=\"https:\/\/imgcdn.zigwheels.my\/large\/gallery\/color\/15\/81\/bmw-3-series-sedan-color-839394.jpg\" alt=\"Car 3\">\n        <h2>2021 BMW 3 Series<\/h2>\n        <p class=\"price\">$32,900<\/p>\n        <p>Luxury package, turbo engine, like new.<\/p>\n        <button>Contact Seller<\/button>\n    <\/div>\n\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n\n<p>here is the code how i style it <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>body {\n    background: linear-gradient(to bottom right, #ffb6c1, #e60202);\n    font-family: \"Poppins\", sans-serif;\n    margin: 0;\n    padding: 40px;\n    text-align: center;\n}\n\n\nh1 {\n    color: #583c54;\n    font-size: 45px;\n    margin-bottom: 10px;\n    text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\n}\n\n\np {\n    font-size: 25px;\n    color: #8b2424;\n}\n\n\na {\n    font-size: 22px;\n    color: #ffffff;\n    text-decoration: 3px;\n    font-weight: bold;\n}\n\na:hover {\n    text-decoration: underline;\n}\n\n\nimg {\n    margin-top: 20px;\n    width: 300px;\n    border-radius: 15px;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n}\n\n\nfooter {\n    position: fixed;\n    bottom: 1%;\n    left: 0;\n    height: 10%;\n    width: 100%;\n    background: #8b01747e;\n    color: rgb(185, 185, 185);\n    padding: 1%;          \n}\n\n    body {\n        font-family: Arial, sans-serif;\n        margin: 0;\n        padding: 0;\n        background: #323b4e;\n    }\n\n    header {\n        background: #222;\n        color: white;\n        padding: 20px;\n        text-align: center;\n    }\n\n    .car-container {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 20px;\n        padding: 20px;\n    }\n\n    .car-card {\n        background: white;\n        padding: 15px;\n        border-radius: 10px;\n        box-shadow: 0 2px 6px rgba(0,0,0,0.2);\n    }\n\n    .car-card img {\n        width: 100%;\n        border-radius: 10px;\n    }\n\n    .price {\n        font-size: 20px;\n        font-weight: bold;\n        color: #d32f2f;\n    }\n\n    button {\n        width: 100%;\n        padding: 10px;\n        background: #0475f7;\n        color: white;\n        border: none;\n        border-radius: 8px;\n        cursor: pointer;\n        margin-top: 10px;\n    }\n\n        button:hover {\n        background: #005fcc;\n    }\n\n<\/code><\/pre>\n\n\n\n<p>here you see the first page  how its look like<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"477\" src=\"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/05\/image-2-1024x477.png\" alt=\"\" class=\"wp-image-149\" srcset=\"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/05\/image-2-1024x477.png 1024w, https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/05\/image-2-300x140.png 300w, https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/05\/image-2-768x358.png 768w, https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/05\/image-2-1536x715.png 1536w, https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/05\/image-2.png 1916w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>here ie the other page <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"475\" src=\"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/05\/image-3-1024x475.png\" alt=\"\" class=\"wp-image-150\" srcset=\"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/05\/image-3-1024x475.png 1024w, https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/05\/image-3-300x139.png 300w, https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/05\/image-3-768x356.png 768w, https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/05\/image-3-1536x712.png 1536w, https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/05\/image-3.png 1912w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Thank you .<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hey, I made i web site about car information and car sale here i will post the code Ahmad Webpage [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-148","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-json\/wp\/v2\/posts\/148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-json\/wp\/v2\/comments?post=148"}],"version-history":[{"count":1,"href":"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-json\/wp\/v2\/posts\/148\/revisions"}],"predecessor-version":[{"id":151,"href":"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-json\/wp\/v2\/posts\/148\/revisions\/151"}],"wp:attachment":[{"href":"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-json\/wp\/v2\/media?parent=148"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-json\/wp\/v2\/categories?post=148"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-json\/wp\/v2\/tags?post=148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}