47 lines
1.6 KiB
HTML
47 lines
1.6 KiB
HTML
{% load static %}
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Request a Quote</title>
|
|
<link rel="stylesheet" href="{% static 'css/quote_upload.css' %}">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="upload-box">
|
|
<div class="form-field">
|
|
<label for="emailInput">Email</label>
|
|
<input type="email" id="emailInput" placeholder="your.email@example.com">
|
|
</div>
|
|
|
|
<div class="form-field">
|
|
<label for="notesInput">Notes / Comments</label>
|
|
<textarea id="notesInput" rows="4" placeholder="Additional information, comments or questions!"></textarea>
|
|
</div>
|
|
|
|
<div class="drop-area" id="dropArea">
|
|
<p>Drag & drop drawings, CAD models, images or anything else here</p>
|
|
<p>or click to browse</p>
|
|
<input type="file" id="fileInput" multiple>
|
|
</div>
|
|
<div class="file-list" id="fileList"></div>
|
|
<button id="submitBtn" disabled>Submit</button>
|
|
|
|
<div class="progress-container" id="progressContainer" style="display: none;">
|
|
<div class="progress-bar">
|
|
<div class="progress-fill" id="progressFill"></div>
|
|
</div>
|
|
<div class="progress-message" id="progressMessage"></div>
|
|
</div>
|
|
|
|
<footer>
|
|
Hosted by <a href="https://kitsunehosting.net" target="_blank"
|
|
rel="noopener noreferrer">kitsunehosting.net</a>
|
|
</footer>
|
|
</div>
|
|
<script src="{% static 'js/quote_upload.js' %}"></script>
|
|
</body>
|
|
|
|
</html> |