67 lines
4.3 KiB
HTML
67 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>ICard Details</title>
|
|
<link rel="stylesheet" href="style.css" />
|
|
</head>
|
|
<body>
|
|
<div class="page-wrapper">
|
|
<div class="nav-1-wrapper"><nav class="nav-1-navbar"><div class="nav-1-logo">IDPro</div><ul class="nav-1-nav-links"><li><a href="home.html">Home</a></li><li><a href="about.html">About Us</a></li><li><a href="contact.html">Contact</a></li><li><a href="services.html">Solutions</a></li><li><a href="faq.html">FAQs</a></li><li class="nav-1-dropdown"><a href="#">More<i class="fas fa-chevron-down"><i class="fas fa-chevron-down">🔽</i></i></a></li></ul><div class="nav-1-nav-actions"><button class="nav-1-btn nav-1-outline">Sign Up</button><button class="nav-1-btn nav-1-solid">Login</button></div></nav></div>
|
|
<div class="text-2-wrapper"><section class="text-2-section"><p class="text-2-tagline">Seamless ID Card Creation</p><h2 class="text-2-heading">Design, Generate & Manage Professional ID Cards with Ease</h2><p class="text-2-description">Revolutionize your ID card production. Upload student data from Excel, select a stunning template, and instantly generate personalized, high-quality ID cards for your entire institution. Simple, fast, and efficient.</p><div class="text-2-button-group"><button class="text-2-btn text-2-solid">Start Creating Now</button><button class="text-2-btn text-2-outline">Explore Features</button></div></section></div>
|
|
|
|
|
|
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Student Data Upload</title>
|
|
<link rel="stylesheet" href="style.css" />
|
|
|
|
|
|
<div class="container" role="main">
|
|
<header>
|
|
<h1>Student Data & I-Card Template Upload</h1>
|
|
<p>Upload your student data and the I-Card template for batch generation.</p>
|
|
</header>
|
|
|
|
<section class="section-content">
|
|
<div class="upload-form">
|
|
<div class="form-group">
|
|
<label for="excel-file">Upload Student Data (Excel File)</label>
|
|
<input type="file" id="excel-file" name="student_data_excel" accept=".xls,.xlsx" aria-describedby="excel-info">
|
|
<p id="excel-info" class="info-text" style="font-size: 0.85em; color: var(--secondary-color); margin-top: 0.5rem;">
|
|
Supported formats: .xls, .xlsx. Ensure your data has clear headers for mapping.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="template-file">Upload I-Card Template (Word Document)</label>
|
|
<input type="file" id="template-file" name="icard_template_doc" accept=".doc,.docx" aria-describedby="template-info">
|
|
<p id="template-info" class="info-text" style="font-size: 0.85em; color: var(--secondary-color); margin-top: 0.5rem;">
|
|
Supported formats: .doc, .docx. Use placeholders like `{{STUDENT_NAME}}` in your template.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<aside class="info-box" aria-labelledby="template-guidelines">
|
|
<h3 id="template-guidelines">Template & Data Guidelines</h3>
|
|
<p>To ensure successful conversion, please follow these guidelines:</p>
|
|
<ul>
|
|
<li><strong>Excel Headers:</strong> Use descriptive column headers (e.g., "Student Name", "Roll Number", "DOB").</li>
|
|
<li><strong>Template Placeholders:</strong> Use double curly braces for keys in your Word template, matching your Excel headers (e.g., <code>{{Student Name}}</code>, <code>{{Roll Number}}</code>).</li>
|
|
<li><strong>File Naming:</strong> Use clear, simple names for your uploaded files.</li>
|
|
<li><strong>Data Integrity:</strong> Ensure your Excel data is clean and consistent.</li>
|
|
</ul>
|
|
</aside>
|
|
|
|
<div class="button-group">
|
|
<button type="submit" class="btn">Convert & Generate I-Cards</button>
|
|
<button type="button" class="btn btn-secondary">Cancel</button>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
</html> |