Spaces:
Runtime error
Runtime error
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Document</title> | |
| <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous"> | |
| <link rel="stylesheet" href="/styles.css"> | |
| </head> | |
| <!-- Modal --> | |
| <div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true"> | |
| <div class="modal-dialog"> | |
| <div class="modal-content"> | |
| <div class="modal-header"> | |
| <h1 class="modal-title fs-5" id="staticBackdropLabel">Modal title</h1> | |
| <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> | |
| </div> | |
| <div class="modal-body"> | |
| This project is made | |
| </div> | |
| <div class="modal-footer"> | |
| <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> | |
| <button type="button" class="btn btn-primary">Understood</button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="container"> | |
| <div class="row"> | |
| <div class="col-md-6"> | |
| <form id="dynamicForm" method="POST"> | |
| <h2>Personal Information</h2> | |
| <label for="name">Name:</label> | |
| <input type="text" name="personal_information[name]" id="name" required> | |
| <label for="last_name">Last Name:</label> | |
| <input type="text" name="personal_information[last_name]" id="last_name" required> | |
| <label for="email_address">Email Address:</label> | |
| <input type="email" name="personal_information[email_address]" id="email_address" required> | |
| <label for="phone_number">Phone Number:</label> | |
| <input type="text" name="personal_information[phone_number]" id="phone_number" required> | |
| <label for="linkedin_url">LinkedIn URL:</label> | |
| <input type="text" name="personal_information[linkedin_url]" id="linkedin_url" required> | |
| <label for="job_title">Job Title:</label> | |
| <input type="text" name="job_title" id="job_title" required> | |
| <label for="career_objective">Career Objective:</label> | |
| <textarea name="career_objective" id="career_objective" required></textarea> | |
| <h2>Skills</h2> | |
| <div id="skillsContainer"> | |
| <!-- Skills fields will be dynamically added here --> | |
| </div> | |
| <button type="button" onclick="addSkill()">Add Skill</button> | |
| <h2>Education</h2> | |
| <div id="educationContainer"> | |
| <!-- Education fields will be dynamically added here --> | |
| </div> | |
| <button type="button" onclick="addEducation()">Add Education</button> | |
| <h2>Experience</h2> | |
| <div id="experienceContainer"> | |
| <!-- Experience fields will be dynamically added here --> | |
| </div> | |
| <button type="button" onclick="addExperience()">Add Experience</button> | |
| <h2>Achievements</h2> | |
| <div id="achievementsContainer"> | |
| <!-- Achievements fields will be dynamically added here --> | |
| </div> | |
| <button type="button" onclick="addAchievement()">Add Achievement</button> | |
| <div> | |
| <button type="submit">Submit</button> | |
| <div id="loadingIcon" class="loading-spinner" style="display: none;"></div> | |
| </div> | |
| </form> | |
| </div> | |
| <div class="col-md-6"> | |
| <div id="carouselExampleCaptions" class="carousel slide"> | |
| <div class="carousel-inner"> | |
| <div class="carousel-item active"> | |
| <img src="/images/BasicTemplatePhoto.jpg" class="d-block w-100" alt="..."> | |
| </div> | |
| <div class="carousel-item"> | |
| <img src="/images/LinkTemplatePhoto.jpg" class="d-block w-100" alt="..."> | |
| </div> | |
| <div class="carousel-item"> | |
| <img src="/images/ImageTemplatePhoto.jpg" class="d-block w-100" alt="..."> | |
| </div> | |
| </div> | |
| <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev"> | |
| <span class="carousel-control-prev-icon" aria-hidden="true"></span> | |
| <span class="visually-hidden">Previous</span> | |
| </button> | |
| <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next"> | |
| <span class="carousel-control-next-icon" aria-hidden="true"></span> | |
| <span class="visually-hidden">Next</span> | |
| </button> | |
| <div id="carouselText" class="carousel-caption highlight"> | |
| <!-- Text content will be dynamically updated here --> | |
| Basic Template | |
| </div> | |
| </div> | |
| </div> | |
| <script src="/script.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script> | |
| </body> | |
| </html> | |