RAQuote

Developer
Nader K
Size
4,412 Kb
Views
18,216
  1. RAQuote Previews
  2. RAQuote HTML Codes
  3. RAQuote CSS Codes

How do I make an raquote?

What is a raquote? How do you make a raquote? This script and codes were developed by Nader K on 27 August 2022, Saturday.

RAQuote Previews
IQ Test

RAQuote - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>RAQuote</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="w-section content"> <div class="breadcrumbs"> <span class="breadcrumb_link">Request A Quote</span> &#47; </div> <h1>Request A Quote</h1> <div class="bl_width_container"> <p>Please verify the products listed are those you wish included in your quote. Fill out your contact information and submit your quote request. You will receive a response within 24 hours.</p> <div class="w-clearfix quote_product_row"> <div class="request_name_cell"><img alt="product photo" src="http://uploads.webflow.com/55f84c453695b60d5515e709/564514060e46b4f105e73717_plugs-tapered-photo.jpg" class="request_product_img"> <div class="request_product_title">Product Name Goes Here </div> </div> <div class="remove_button_cell"><img alt="Remove" width="20" src="http://uploads.webflow.com/55f84c453695b60d5515e709/564f91f488cc96bf186acc67_cart-remove-button.png" class="request_remove_button"> </div> </div> <div class="w-clearfix quote_product_row"> <div class="request_name_cell"><img alt="product photo" src="http://uploads.webflow.com/55f84c453695b60d5515e709/564514060e46b4f105e73717_plugs-tapered-photo.jpg" class="request_product_img"> <div class="request_product_title">Product Name Goes Here </div> </div> <div class="remove_button_cell"> <img alt="Remove" width="20" src="http://uploads.webflow.com/55f84c453695b60d5515e709/564f91f488cc96bf186acc67_cart-remove-button.png" class="request_remove_button"> </div> </div> <div class="w-clearfix quote_product_row"> <div class="request_name_cell"> <img alt="product photo" src="http://uploads.webflow.com/55f84c453695b60d5515e709/564514060e46b4f105e73717_plugs-tapered-photo.jpg" class="request_product_img"> <div class="request_product_title">Product Name Goes Here </div> </div> <div class="remove_button_cell"> <img alt="Remove" width="20" src="http://uploads.webflow.com/55f84c453695b60d5515e709/564f91f488cc96bf186acc67_cart-remove-button.png" class="request_remove_button"> </div> </div> <div class="w-form request_quote_form_container"> <form id="wf-form-Request-Form" name="wf-form-Request-Form" data-name="Request Form"> <label for="name" class="form_label">Name <span class="form_label_required_star">*</span>:</label> <input id="name" type="text" name="name" data-name="Name" required="required" class="w-input input_text_field"> <label for="email" class="form_label">Email Address<span class="form_label_required_star">*</span>:</label> <input id="email" type="email" name="email" data-name="Email" required="required" class="w-input input_text_field"> <label for="email" class="form_label">Company Name<span class="form_label_required_star">*</span>:</label> <input id="email" type="email" name="email" data-name="Email" required="required" class="w-input input_text_field"> <label for="email" class="form_label">Phone Number<span class="form_label_required_star">*</span>:</label> <input id="email" type="email" name="email" data-name="Email" required="required" class="w-input input_text_field"> <label for="email" class="form_label">Postal Code/Zip<span class="form_label_required_star">*</span>:</label> <input id="email" type="email" name="email" data-name="Email" required="required" class="w-input input_text_field"> <label for="Message" class="form_label">Message<span class="form_label_required_star">*</span>:</label><textarea id="Message" name="Message" data-name="Message" class="w-input input_text_field"></textarea> <input type="submit" value="Submit" data-wait="Please wait..." class="w-button button_large"> </form> <div class="w-form-done"><p>Thank you! Your submission has been received!</p></div> <div class="w-form-fail"><p>Oops! Something went wrong while submitting the form</p> </div> </div> </div>
</div>
</body>
</html>

RAQuote - Script Codes CSS Codes

img { max-width: 100%; vertical-align: middle;
}
.w-clearfix:before,
.w-clearfix:after { content: " "; display: table;
}
.w-clearfix:after { clear: both;
}
* { box-sizing: border-box;
}
.content { max-width: 980px; font-family: 'Open Sans', sans-serif; list-style-type: none; color: #272727; font-size: 14px; line-height: 22px;
}
.content h1 { margin: 10px auto 25px; padding-top: 5px; padding-bottom: 5px; padding-left: 50px; border-bottom: 2px solid #e95f10; background-color: #f1f1f1; background-image: url("http://uploads.webflow.com/55f84c453695b60d5515e709/564f7aeb5dd480c118efbc3f_h1-bkgrd-arrow.png"); background-position: 0px 50%; background-size: contain; background-repeat: no-repeat; font-family: 'Archivo Narrow', sans-serif; color: #272727; font-size: 38px; line-height: 44px; font-weight: 400;
}
.content .bl_width_container { margin-bottom: 10px; padding-bottom: 5px; color: #595959; line-height: 22px; font-style: normal;
}
.content .quote_product_row { margin-bottom: 5px; padding-top: 5px; padding-bottom: 8px; border-bottom: 1px solid #f1f1f1;
}
.content .quote_product_row .request_name_cell { display: block; width: 90%; height: 125px; float: left;
}
.content .quote_product_row .request_name_cell .request_product_img { display: inline-block; width: 125px;
}
.content .quote_product_row .request_name_cell .request_product_title { display: inline-block; padding-left: 15px;
}
.content .quote_product_row .remove_button_cell { display: block; height: 125px; float: left;
}
.content .quote_product_row .remove_button_cell .request_remove_button { position: relative; top: 50%; display: block; margin-right: auto; margin-left: auto; -webkit-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); transform: translate(0px, -50%);
}
.content .w-form { margin-top: 15px; margin-bottom: 25px;
}
.content .w-form label { display: block; margin-bottom: 5px; font-weight: bold;
}
.content .w-form label .form_label_required_star { color: #e95f10;
}
.content .w-form .w-input { display: block; max-width: 980px; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.42857143; color: #333333; vertical-align: middle; background-color: #ffffff;
}
.content .w-form textarea.w-input,
.content .w-form textarea.w-select { height: auto;
}
.content .w-form .input_text_field { border: 1px solid #acacac; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px inset; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;
}
.content .w-form .button_large { display: block; width: 200px; margin-top: 15px; margin-bottom: 10px; padding: 12px 28px; border: 1px solid #e25909; border-radius: 24px; background-color: #e95f10; -webkit-transition: all 150ms ease; transition: all 150ms ease; font-family: 'Archivo Narrow', sans-serif; font-size: 21px; text-align: center; text-decoration: none; text-transform: uppercase; color: white; line-height: inherit; cursor: pointer;
}
.content .w-form .button_large:hover { background-color: #ff711f; color: white; text-decoration: none;
}
@media (max-width: 479px) { .content .w-form .button_large { display: block; width: 250px; margin-top: 20px; margin-right: auto; margin-left: auto; }
}
RAQuote - Script Codes
RAQuote - Script Codes
Home Page Home
Developer Nader K
Username naderk007
Uploaded August 27, 2022
Rating 3
Size 4,412 Kb
Views 18,216
Do you need developer help for RAQuote?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Nader K (naderk007) Script Codes
Name
Search results cap
Non-Phthalate
Search caps
Secondary Ops
Search caps latest
Harman 404
A Pen by Nader K
Harman-contact-us
HS Recommended uses
Caps-plugs
Create amazing art & images with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!