{"id":112,"date":"2026-03-13T15:28:15","date_gmt":"2026-03-13T15:28:15","guid":{"rendered":"https:\/\/theroyalscode.com\/students\/a_mehraban\/?p=112"},"modified":"2026-03-13T15:28:15","modified_gmt":"2026-03-13T15:28:15","slug":"free-friday-assigment-about-car-website-3-13-26","status":"publish","type":"post","link":"https:\/\/theroyalscode.com\/students\/a_mehraban\/2026\/03\/13\/free-friday-assigment-about-car-website-3-13-26\/","title":{"rendered":"Free friday assigment about car website 3\/13\/26"},"content":{"rendered":"\n<p>Hello, I made a car website today i use index.html and style.css<\/p>\n\n\n\n<p>here you can see the index.html<\/p>\n\n\n\n<head>\n    <title>Car Website<\/title>\n    <link rel=\"stylesheet\" href=\"style.css\">\n<\/head>\n<body>\n    <div class=\"main\">\n        <nav>\n        <div class=\"logo h3\">\n            <h3>Cars Hub<\/h3>\n        <\/div>\n        <div class=\"nav-links\">\n            <a href=\"#\">Explore Cars<\/a>\n            <div>\n            <a href=\"#\">Our Services<\/a>\n            <a class=\"btn\" href=\"#\">About<\/a>\n            <\/div>\n        <\/div>\n        <\/nav>\n        <div class=\"content\">\n                <h1>Buy the best <br> Quality Cars<\/h1>\n                <div class=\"search\">\n                    <input type=\"text\" placeholder=\"Search Any Car\">\n                <\/div>\n             <\/div>\n        <\/div>\n    <\/body>\n<\/head>\n\n\n\n\n<p> <\/p>\n\n\n\n<p>here you can see the style.scc<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>*{\n    margin: 0;\n    padding: 0;\n    font-family: sans-serif;\n    box-sizing: border-box;\n    \n}\n\nbody{\n    background: rgba(0, 0, 0, 0.5) url('car.jpg') center center fixed;\n    background-blend-mode: darken;\n    background-size: cover;\n    background-position: center ;\n}\n\n.main{\n    padding: 0 8%;\n}\n\nnav{\n    padding: 24px 0;\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n}\n\n.logo h3{\n    width: 150px;\n    font-size: 30px;\n    cursor: pointer;\n    color: yellow\n}\n\n.nav-links{\n    display:flex;\n    flex: 1;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.nav-links a{\n    margin-left: 26px;\n    text-decoration: none;\n    color: #fff;\n    transition: 2s;\n}\n\n.nav-links a:hover{\n    padding:11px;\n    background-color: #000;\n}\n\n.nav-links .btn{\n    background-color: yellow;\n    color: #000;\n    padding: 10px 28px;\n    border-radius: 5px;\n}\n\n.content{\n    margin-top: 150px;\n    margin-left: 150px;\n    color: #fff;\n}\n\n.content h1{\n    font-size: 60px;\n}\n\n.search{\n    background-color: #fff;\n    width: fit-content;\n    margin: 20px 0;\n    padding: 20px 20px;\n    display: flex;\n    align-items: center;\n}\n\n.search input{\n    background-color: transparent;\n    width: 500px;\n    border: 0;\n    outline: none;\n\n}<\/code><\/pre>\n\n\n\n<p>here is the picture of website<\/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\/03\/image-4-1024x475.png\" alt=\"\" class=\"wp-image-113\" srcset=\"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/03\/image-4-1024x475.png 1024w, https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/03\/image-4-300x139.png 300w, https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/03\/image-4-768x356.png 768w, https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/03\/image-4-1536x712.png 1536w, https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/03\/image-4.png 1901w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"528\" src=\"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/03\/image-5-1024x528.png\" alt=\"\" class=\"wp-image-114\" srcset=\"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/03\/image-5-1024x528.png 1024w, https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/03\/image-5-300x155.png 300w, https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/03\/image-5-768x396.png 768w, https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/03\/image-5.png 1306w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Thanks&#8230;.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hello, I made a car website today i use index.html and style.css here you can see the index.html Car Website [&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-112","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-json\/wp\/v2\/posts\/112","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=112"}],"version-history":[{"count":1,"href":"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-json\/wp\/v2\/posts\/112\/revisions"}],"predecessor-version":[{"id":115,"href":"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-json\/wp\/v2\/posts\/112\/revisions\/115"}],"wp:attachment":[{"href":"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-json\/wp\/v2\/media?parent=112"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-json\/wp\/v2\/categories?post=112"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-json\/wp\/v2\/tags?post=112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}