Question

Build a car rental website HTML: - no requirements, just a random website that has pictures...

Build a car rental website HTML:

- no requirements, just a random website that has pictures of minimum 5 cars with pictures and prices.

- you are able to rent the cars by the day.

0 0
Add a comment Improve this question Transcribed image text
Answer #1

HTML CODE :

<!DOCTYPE html>
<html>
<head>
<title>Breakfast</title>
<style type="text/css">
       .deals-block .price-block {
       position: relative;
       display: inline-block;
       background-color: #a59a00;
       border-radius: 8px;
       font-weight: 700;
       padding: 19px 12px 17px;
       max-height: 60px;
       margin-top: 20px;
       }

       .deals-block .price-block span {
       vertical-align: top;
       line-height: .6;
       }

       .deals-block .price-block span:nth-child(1) {
       font-size: 24px;
       }

       .deals-block .price-block span:nth-child(2) {
       font-size: 36px;
       }

       .deals-block .price-block span:nth-child(3) {
       font-size: 18px;
       }


       .deals-block .price-block:before {
       position: absolute;
       left: -10px;
       top: 50%;
       -webkit-transform: translateY(-50%);
       transform: translateY(-50%);
       content: "";
       display: inline-block;
       width: 0;
       height: 0;
       border-style: solid;
       border-width: 0 11px 20px 11px;
       border-color: transparent transparent #a59a00 transparent;
       }
       .bindu{
       width:24%;
       height:300px;
       position:absolute;
       background:grey;
       box-shadow: ;
       display: inline-flex;
       color:white;
       background-size:100% 100%;
       background: #fff;
       box-shadow: 0 0 16px rgba(0, 0, 0, 0.23);
       }
       .bindu1{
       width:25%;
       height:300px;
       position:absolute;
       margin-left:26%;
       background:grey;
       box-shadow: ;
       display: inline-block;
       color:white;
       background-size:100% 100%;
       background: #fff;
       box-shadow: 0 0 16px rgba(0, 0, 0, 0.23);
       }
       .bindu2{
       width:24%;
       height:300px;
       position:absolute;
       margin-left:10%;
       background:grey;
       box-shadow: ;
           margin-top:25%;  
       display: inline-block;
       color:white;
       background-size:100% 100%;
       background: #fff;
       box-shadow: 0 0 16px rgba(0, 0, 0, 0.23);
       }
       .bindu3{
       width:25%;
       height:300px;
       position:absolute;
       margin-left:53%;
       background:grey;
       box-shadow: ;
           margin-top:0%;  
       display: inline-block;
       color:white;
       background-size:100% 100%;
       background: #fff;
       box-shadow: 0 0 16px rgba(0, 0, 0, 0.23);
       }
         
       .bindu8{
       width:25%;
       height:300px;
       position:absolute;
       margin-left:36%;
       background:grey;
       box-shadow: ;
           margin-top:25%;  
       display: inline-block;
       color:white;
       background-size:100% 100%;
       background: #fff;
       box-shadow: 0 0 16px rgba(0, 0, 0, 0.23);
       }
       div.center{left:40%;margin-top:50%;position:absolute;}
       .center {
       text-align: center;
       }

       </style>
</head>
<body style="margin-top:5%;margin-left:12%;">
   <p style="font-size:50px;margin-left: 36%;">Car Rents</p>
       <div class='bindu'>
       <img src='https://images.pexels.com/photos/170811/pexels-photo-170811.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500' width="90%" height='90%' style="padding-top:4%;padding-left:4.5%;padding-bottom:4%">
         
          <a href="" class="deals-block deals-block-variant-1 deals-block-variant-1-adjust" style="color: white;">
   <div class="price-block" style="margin-top:63%;position: absolute;margin-left:-43%;"><span style="font-size:40px;">&#x20B9</span><span>1100$</span><span></span></div>
   </div></a></div></a>
           <div class='bindu1'> <img src='https://images.pexels.com/photos/210019/pexels-photo-210019.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500' width="90%" height='90%' style="padding-top:4%;padding-left:4.5%;padding-bottom:4%">
           <a href="" class="deals-block deals-block-variant-1 deals-block-variant-1-adjust" style="color: white;">
           <div class="price-block" style="margin-top:63%;position: absolute;margin-left:-42%;"><span style="font-size:40px;">&#x20B9</span><span>1350$</span><span></span></div></a></div>
           </a>
           <div class='bindu3'> <img src='https://images.pexels.com/photos/241316/pexels-photo-241316.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500' width="90%" height='90%' style="padding-top:4%;padding-left:4.5%;padding-bottom:4%">
           <a href="" class="deals-block deals-block-variant-1 deals-block-variant-1-adjust" style="color: white;">
       <div class="price-block" style="margin-top:65%;position: absolute;margin-left:-42%;"><span style="font-size:40px;">&#x20B9</span><span>1400$</span><span></span></div>
   </div></a></div></a>
   <div class='bindu2'><img src='https://images.pexels.com/photos/358070/pexels-photo-358070.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500' width="90%" height='90%' style="padding-top:4%;padding-left:4.5%;padding-bottom:4%">
              <a href="" class="deals-block deals-block-variant-1 deals-block-variant-1-adjust" style="color: white;">
   <div class="price-block" style="margin-top:65%;position: absolute;margin-left:-42%;"><span style="font-size:40px;">&#x20B9</span><span>1500$</span><span></span></div>
   </div></a></div></a>
      
           <div class='bindu8'> <img src='https://images.pexels.com/photos/810357/pexels-photo-810357.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500' width="90%" height="90%" style="padding-top:4%;padding-left:4.5%;padding-bottom:4%">
           <a href="" class="deals-block deals-block-variant-1 deals-block-variant-1-adjust" style="color: white;">
  
   <div class="price-block" style="margin-top:63%;position:absolute;margin-left:-42%;"><span style="font-size:40px;">&#x20B9</span><span>1200$</span><span></span></div>
   </div></a></div></a>
</body>
</html>

Output :

Add a comment
Know the answer?
Add Answer to:
Build a car rental website HTML: - no requirements, just a random website that has pictures...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Not the answer you're looking for? Ask your own homework help question. Our experts will answer your question WITHIN MINUTES for Free.
Similar Homework Help Questions
  • A travel website would like to estimate the difference between the average rental price of a...

    A travel website would like to estimate the difference between the average rental price of a car with automatic transmission versus the average rental price of a car with manual transmission at a certain airport. The table below shows the average​ one-week rental prices for two random​ samples, as well as the population standard deviations and sample sizes for each type of car. Complete parts a and b. Sample mean Sample size Population standard deviation Automatic ​$417.50 55 ​$24 Manual...

  • o A travel website would like to estimate the difference between the average rental price of...

    o A travel website would like to estimate the difference between the average rental price of a car with automatic transmission versus the average rental price of a car with manual transmission at a certain airport. The table below shows the average one week rental prices for two random samples, as well as the population standard deviations and sample sizes for each type of car. Complete parts a and b. Sample mean Sample size Population standard deviation Automatic $398.20 50...

  • A car rental agency has collected data on the demand for luxury-class automobiles over the past...

    A car rental agency has collected data on the demand for luxury-class automobiles over the past 25 days. The data are shown below. Rental Demand Number of Days 7 2 8 5 9 8 10 7 11 3 Because customers drop cars at another location, the agency has 9 cars available currently. Question 1: What is the probability of 8 cars demand in a day? Select one: a. 0.1 b. 0.2 c. 0.3 d. 0.4 Question 2 What is the...

  • A consumer advocacy group is doing a large study on car rental practices. Among other things,...

    A consumer advocacy group is doing a large study on car rental practices. Among other things, the consumer group would like to estimate the mean monthly mileage, pl, of cars rented in the U.S. over the past year. The consumer group plans to choose a random sample of monthly U.S. rental car mileages and then estimate u using the mean of the sample. Using the value 850 miles per month as the standard deviation of monthly U.S. rental car mileages...

  • A car rental agency has 13 midsized and 12 compact cars on its​ lot, from which...

    A car rental agency has 13 midsized and 12 compact cars on its​ lot, from which 6 will be selected. Assuming that each car is equally likely to be selected and the cars are selected at​ random, determine the probability that the cars selected consist of all midsized cars.

  • A car rental agency has 14 midsized and 11 compact cars on its​ lot, from which...

    A car rental agency has 14 midsized and 11 compact cars on its​ lot, from which 6 will be selected. Assuming that each car is equally likely to be selected and the cars are selected at​ random, determine the probability that the cars selected consist of all midsized cars.

  • Car Rental Management System The aim of this project is to design and implement a computerized...

    Car Rental Management System The aim of this project is to design and implement a computerized Car Rental Management System for a company called COEN244Cars. The company rents two types of cars: standard and luxury cars. A car is identified by a car identification number (int), a type (string), and a flag that indicates whether the car is currently available or not. The company distinguishes between three types of customers: regular customers, corporate customers, and VIPs (Very Important Persons). A...

  • A car rental agency has 24 identical cars. The owner of the agency finds that at a price of $10 per day, all the cars c...

    A car rental agency has 24 identical cars. The owner of the agency finds that at a price of $10 per day, all the cars can be rented. However, for each $1 increase in rental, one of the cars is not rented. What should he charge to maximize income? (Note: You must check your second-order condition.)

  • 2. A car rental agency has 8 compact cars and S mid-size cars. If four of...

    2. A car rental agency has 8 compact cars and S mid-size cars. If four of the cars are selected at random and without replacement, what is the probability of getting a) two cars of each type b) at least three mid-size cars

  • A consumer advocacy group is doing a large study on car rental practices. Among other things, the consumer group would...

    A consumer advocacy group is doing a large study on car rental practices. Among other things, the consumer group would like to estimate the mean monthly mileage, u, of cars rented in the U.S. over the past year. The consumer group plans to choose a random sample of monthly U.S. rental car mileages and then estimate u using the mean of the sample. Using the value 850 miles per month as the standard deviation of monthly U.S. rental car mileages...

ADVERTISEMENT
Free Homework Help App
Download From Google Play
Scan Your Homework
to Get Instant Free Answers
Need Online Homework Help?
Ask a Question
Get Answers For Free
Most questions answered within 3 hours.
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT