La Cars is a luxury, used dealership that offers one of the most premier experiences by caring and selling different high-end sports vehicles. They are located on the East Coast of Florida. They buy pristine, low mile exotic vehicles then sell them at a fair price. Why purchase a used vehicle when you can get a new one? That’s a good question. La Cars has many different cars ranging from different years and prices. These vehicles have so low miles and are in as great condition as a new vehicle. The older models that are being sold at La Cars have different features than the new ones and appeal to the customers. The experience of online car shopping is best done at La Cars. This is a one-of-a-kind dealership that makes the process of buying your luxury vehicle as easy as possible. La Cars offers an easy-to-use website that allows the users to browse a large range of vehicles. Their online paperwork process is easy to conduct as well. After purchasing a vehicle, the customer can choose to have it delivered. La Cars provides the customer with a welcoming and appealing experience. They treat their customer with respect and the utmost courtesy. This website uses an external sheet to style the content within. The external font was used on the h3 headers in each page and is called Claudia. The google font is called Gideon Roman and it is in the body section. The text is sized according to hierarchy. There are different colors including the hex color #490109. Each page has a solid color. In the contact page, you can hit submit and it will bring you to a new page where the background image is used. All pages are styled. The photos have a float of left. The overlay is on the word 'About Us' on the homepage. The navigation bar is the same on all pages. The box model is used on all pages. The gradient is used on the Vechicles for Sale page. The two-column layout is on the Vechicles for Sale along with the Future Pages. The website has a consistent CSS Flexbox for the navigation with every other page name being a different color. The CSS Multi column is on the home page. The 1st media query occurs when the user makes the screen smaller than 800px, the navigation bar will be presented in a vertical format. The 2nd media query is on the cars for sale page. When the website is being used for a large screen the background color is gray, but when used for a small screen the background color is red. A CSS grid is located on the Information Page to hold content
*** This paragraph is purposely not in a column like the top paragraph. The media querie is located in the external CSS file and has all pages have a white background for large monitors and a red background for small monitors. I did a second media querie that makes the h3 titles turn red for the smaller monitors. Located in the external CSS stylesheet I have 3 different variables. #1 --main-color: #490109, #2 --background-color: red, #3 --white-color: #ffffff. The new page is called transitions and has a linear and ease transition. The gradient that was on the cars for sale has been moved to the 2 transitions on the new transitions page.
After using the web accessibility tool, I had a few issues, but the major ones were Visual issues. The background and foreground colors do not have a good contrast ratio. To fix that I need to make sure all text on the 'pages meet the minimum color contrast ratios specified by WCAG: 3:1 for text that is 18 pt, or 14 pt and bold and 4.5:1 for all other text'. The other issue was with the heading elements. To fix that problem I need to make sure I 'provide unique and descriptive title attributes for all frame and iframe elements'. The other issue was that the html element did not have a lang attribute. To fix that I need to add html lang=”en” into the code.
March 22. Changes were made for project 8 due March 27. I found a nice color theme on adobe which inlcuded black, #D99B66, and #D9D7BA. #D99B66 takes up 60%, black takes up 30% and #D9D7BA takes up 10%. After the web accessibility test, I took some changes to my website including change the colors and staying away from greyscale. The test results also said that my header levels were not consistent all the way through. I went through my code and all headers and text are assigned specific headers along with font sizes. I also have a scss sheet that has $darkbackgroundcolor: #a67a53; $mytextcolor: #d9d7ba; which are applied to the body and paragraphs. I also added a lang=en attribute to each html pages.
***This webiste was created by