{"id":125,"date":"2026-03-27T13:43:44","date_gmt":"2026-03-27T13:43:44","guid":{"rendered":"https:\/\/theroyalscode.com\/students\/a_mehraban\/?p=125"},"modified":"2026-03-27T13:43:44","modified_gmt":"2026-03-27T13:43:44","slug":"my-free-friday-assigment-3-27-26","status":"publish","type":"post","link":"https:\/\/theroyalscode.com\/students\/a_mehraban\/2026\/03\/27\/my-free-friday-assigment-3-27-26\/","title":{"rendered":"MY FREE FRIDAY ASSIGMENT 3\/27\/26"},"content":{"rendered":"\n<p>I made car compeny website i will post  evrything up here so you guys can see.<\/p>\n\n\n\n<p>I will start with the code first here you can look at index.html<\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>SteelRoad Trucking Co.<\/title>\n    <link rel=\"stylesheet\" href=\"styles.css\">\n<\/head>\n<body>\n\n<header>\n    <h1>SteelRoad Trucking Co.<\/h1>\n    <p>Reliable. Fast. Nationwide.<\/p>\n<\/header>\n\n<nav>\n    <a href=\"index.html\">Home<\/a>\n    <a href=\"services.html\">Services<\/a>\n    <a href=\"fleet.html\">Fleet<\/a>\n    <a href=\"contact.html\">Contact<\/a>\n<\/nav>\n\n<div class=\"hero\">\n    Delivering Across America\n<\/div>\n\n<div class=\"section\">\n    <h2>Our Services<\/h2>\n    <div class=\"services\">\n        <div class=\"card\">\n            <h3>Long Haul<\/h3>\n            <p>Cross\u2011country delivery with top\u2011tier safety and speed.<\/p>\n        <\/div>\n        <div class=\"card\">\n            <h3>Local Delivery<\/h3>\n            <p>Fast and reliable short\u2011distance transportation.<\/p>\n        <\/div>\n        <div class=\"card\">\n            <h3>Heavy Cargo<\/h3>\n            <p>Specialized trucks for oversized and heavy loads.<\/p>\n        <\/div>\n    <\/div>\n<\/div>\n\n<footer>\n    \u00a9 2026 SteelRoad Trucking Co. All rights reserved.\n<\/footer>\n\n<\/body>\n<\/html>\n\n\n\n\n<p>And here you can look at the services.html<\/p>\n\n\n\n<!DOCTYPE html>\n<html>\n<head>\n    <title>Services &#8211; SteelRoad Trucking Co.<\/title>\n    <link rel=\"stylesheet\" href=\"styles.css\">\n<\/head>\n<body>\n\n<nav>\n    <a href=\"index.html\">Home<\/a>\n    <a href=\"services.html\">Services<\/a>\n    <a href=\"fleet.html\">Fleet<\/a>\n    <a href=\"contact.html\">Contact<\/a>\n<\/nav>\n\n<div class=\"section\">\n    <h1>Our Services<\/h1>\n    <p>We provide safe, fast, and reliable transportation across the country.<\/p>\n\n<div class=\"services\">\n\n    <!-- Long Haul -->\n    <div class=\"card\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1502877338535-766e1452684a\" \n             alt=\"Long Haul Truck\" \n             style=\"width:100%; border-radius:10px;\">\n        <h3>Long Haul Transport<\/h3>\n        <p>Nationwide delivery with experienced drivers and modern trucks.<\/p>\n    <\/div>\n\n    <!-- Local Delivery -->\n    <div class=\"card\">\n        <img src=https:\/\/d9s1543upwp3n.cloudfront.net\/wp-content\/smush-webp\/2023\/08\/2024_Toyota_Land_Cruiser_new.jpg.webp\n             alt=\"Local Delivery Truck\" \n             style=\"width:100%; border-radius:10px;\">\n        <h3>Local Delivery<\/h3>\n        <p>Fast and efficient short\u2011distance delivery for businesses and stores.<\/p>\n    <\/div>\n\n    <!-- Heavy Cargo -->\n    <div class=\"card\">\n        <img src=https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcSItIUl_BZyhVaQT8tA0hUPKFrkLZEEHiLD6w&#038;s\n             alt=\"Heavy Cargo Truck\" \n             style=\"width:100%; border-radius:10px;\">\n        <h3>Heavy Cargo<\/h3>\n        <p>Specialized equipment for oversized and heavy\u2011duty loads.<\/p>\n    <\/div>\n\n<\/div>\n\n\n<div class=\"section\">\n    <h2>Why Choose Us?<\/h2>\n    <ul style=\"list-style:none; padding:0; font-size:18px;\">\n        <li>\u2714 Safe and reliable drivers<\/li>\n        <li>\u2714 Modern, fuel\u2011efficient trucks<\/li>\n        <li>\u2714 On\u2011time delivery guarantee<\/li>\n        <li>\u2714 24\/7 customer support<\/li>\n    <\/ul>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n\n<p>here you can look at the fleet.html<\/p>\n\n\n\n<!DOCTYPE html>\n<html>\n<head>\n    <title>Fleet &#8211; SteelRoad Trucking Co.<\/title>\n    <link rel=\"stylesheet\" href=\"styles.css\">\n<\/head>\n<body>\n\n<nav>\n    <a href=\"index.html\">Home<\/a>\n    <a href=\"services.html\">Services<\/a>\n    <a href=\"fleet.html\">Fleet<\/a>\n    <a href=\"contact.html\">Contact<\/a>\n<\/nav>\n\n<div class=\"section\">\n    <h1>Our Fleet<\/h1>\n    <p>SteelRoad Trucking Co. operates a strong and reliable fleet designed for every type of transportation job. Our trucks are maintained regularly and equipped with modern technology to ensure safe and efficient delivery.<\/p>\n\n    <div class=\"services\">\n\n        <!-- Semi Truck -->\n        <div class=\"card\">\n            <h3>Class 8 Semi Trucks<\/h3>\n            <p>These powerful trucks are used for long\u2011distance hauling across states. They are equipped with:<\/p>\n            <ul style=\"text-align:left;\">\n                <li>\u2714 500+ horsepower engines<\/li>\n                <li>\u2714 Advanced braking systems<\/li>\n                <li>\u2714 GPS and real\u2011time tracking<\/li>\n                <li>\u2714 Comfortable sleeper cabins<\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- Box Truck -->\n        <div class=\"card\">\n            <h3>Box Trucks<\/h3>\n            <p>Perfect for local and regional deliveries. Our box trucks offer:<\/p>\n            <ul style=\"text-align:left;\">\n                <li>\u2714 Fast loading and unloading<\/li>\n                <li>\u2714 Ideal for city deliveries<\/li>\n                <li>\u2714 Fuel\u2011efficient engines<\/li>\n                <li>\u2714 Secure enclosed cargo space<\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- Heavy Hauler -->\n        <div class=\"card\">\n            <h3>Heavy Haulers<\/h3>\n            <p>Used for oversized and heavy\u2011duty loads. These trucks include:<\/p>\n            <ul style=\"text-align:left;\">\n                <li>\u2714 Reinforced trailers<\/li>\n                <li>\u2714 High\u2011torque engines<\/li>\n                <li>\u2714 Special permits for large loads<\/li>\n                <li>\u2714 Professional certified drivers<\/li>\n            <\/ul>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<div class=\"section\">\n    <h2>Fleet Technology<\/h2>\n    <p>All our trucks are equipped with modern systems to ensure safety and efficiency:<\/p>\n    <ul style=\"list-style:none; padding:0; font-size:18px;\">\n        <li>\u2714 GPS tracking and route optimization<\/li>\n        <li>\u2714 Electronic logging devices (ELD)<\/li>\n        <li>\u2714 Real\u2011time maintenance alerts<\/li>\n        <li>\u2714 Fuel\u2011saving driving assistance<\/li>\n    <\/ul>\n<\/div>\n\n<div class=\"section\">\n    <h2>Safety First<\/h2>\n    <p>We take safety seriously. Every truck in our fleet goes through:<\/p>\n    <ul style=\"text-align:left; display:inline-block;\">\n        <li>\u2714 Weekly inspections<\/li>\n        <li>\u2714 Brake and tire checks<\/li>\n        <li>\u2714 Driver safety training<\/li>\n        <li>\u2714 Emergency equipment checks<\/li>\n    <\/ul>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n\n<p>and here that how did i style it <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/* General Page Style *\/\nbody {\n    margin: 0;\n    font-family: Arial, sans-serif;\n    background: #f2f2f2;\n}\n\n\/* Header *\/\nheader {\n    background: #1f1f1f;\n    color: white;\n    padding: 20px;\n    text-align: center;\n}\n\n\/* Navigation Bar *\/\nnav {\n    background: #333;\n    padding: 10px;\n    text-align: center;\n}\n\nnav a {\n    color: white;\n    margin: 0 15px;\n    text-decoration: none;\n    font-weight: bold;\n}\n\nnav a:hover {\n    color: #ffcc00;\n}\n\n\/* Hero Section *\/\n.hero {\n    background: url('https:\/\/images.unsplash.com\/photo-1503376780353-7e6692767b70') center\/cover no-repeat;\n    height: 350px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-size: 40px;\n    font-weight: bold;\n    text-shadow: 2px 2px 5px black;\n}\n\n\/* Content Sections *\/\n.section {\n    padding: 40px;\n    text-align: center;\n}\n\n\/* Service Cards *\/\n.services {\n    display: flex;\n    justify-content: center;\n    gap: 30px;\n    flex-wrap: wrap;\n}\n\n.card {\n    background: white;\n    padding: 20px;\n    width: 250px;\n    border-radius: 10px;\n    box-shadow: 0 0 10px rgba(0,0,0,0.2);\n}\n\n\/* Footer *\/\nfooter {\n    background: #1f1f1f;\n    color: white;\n    text-align: center;\n    padding: 15px;\n    margin-top: 40px;\n}\n<\/code><\/pre>\n\n\n\n<p>here you can see the pictures <\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"470\" src=\"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/03\/image-9-1024x470.png\" alt=\"\" class=\"wp-image-126\" srcset=\"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/03\/image-9-1024x470.png 1024w, https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/03\/image-9-300x138.png 300w, https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/03\/image-9-768x353.png 768w, https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/03\/image-9-1536x706.png 1536w, https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/03\/image-9.png 1857w\" 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=\"474\" src=\"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/03\/image-10-1024x474.png\" alt=\"\" class=\"wp-image-127\" srcset=\"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/03\/image-10-1024x474.png 1024w, https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/03\/image-10-300x139.png 300w, https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/03\/image-10-768x355.png 768w, https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/03\/image-10-1536x710.png 1536w, https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/03\/image-10.png 1909w\" 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=\"485\" src=\"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/03\/image-11-1024x485.png\" alt=\"\" class=\"wp-image-128\" srcset=\"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/03\/image-11-1024x485.png 1024w, https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/03\/image-11-300x142.png 300w, https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/03\/image-11-768x364.png 768w, https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/03\/image-11-1536x727.png 1536w, https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-content\/uploads\/2026\/03\/image-11.png 1903w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>thanks for staying wit me.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I made car compeny website i will post evrything up here so you guys can see. I will start with [&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-125","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-json\/wp\/v2\/posts\/125","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=125"}],"version-history":[{"count":1,"href":"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-json\/wp\/v2\/posts\/125\/revisions"}],"predecessor-version":[{"id":129,"href":"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-json\/wp\/v2\/posts\/125\/revisions\/129"}],"wp:attachment":[{"href":"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-json\/wp\/v2\/media?parent=125"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-json\/wp\/v2\/categories?post=125"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/a_mehraban\/wp-json\/wp\/v2\/tags?post=125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}