mirror of https://github.com/ColorlibHQ/AdminLTE
94 lines
3.5 KiB
Plaintext
94 lines
3.5 KiB
Plaintext
---
|
|
import Head from '@components/_head.astro';
|
|
import Footer from '@components/dashboard/_footer.astro';
|
|
import Topbar from '@components/dashboard/_topbar.astro';
|
|
import Sidenav from '@components/dashboard/_sidenav.astro';
|
|
import Scripts from '@components/_scripts.astro';
|
|
|
|
const title = 'AdminLTE 4 | General Form Elements'
|
|
const path = '../../../dist'
|
|
const mainPage = 'forms'
|
|
const page = 'general'
|
|
---
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<Head title={title} path={path} />
|
|
</head>
|
|
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
|
<div class="app-wrapper">
|
|
<Topbar path={path} />
|
|
<Sidenav path={path} mainPage={mainPage} page={page} />
|
|
<!-- Main content -->
|
|
<main class="app-main">
|
|
<div class="app-content-header">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<h3 class="mb-0">General Form</h3>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<ol class="breadcrumb float-sm-end">
|
|
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
|
<li class="breadcrumb-item active" aria-current="page">General Form</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Main content -->
|
|
<div class="app-content">
|
|
<div class="container-fluid">
|
|
<div class="row g-4">
|
|
<!-- Start column -->
|
|
<div class="col-md-6">
|
|
<!-- general form elements -->
|
|
<div class="card card-primary card-outline">
|
|
<div class="card-header">
|
|
<div class="card-title">
|
|
Quick Example
|
|
</div>
|
|
</div>
|
|
<form>
|
|
<div class="card-body">
|
|
<div class="mb-3">
|
|
<label for="exampleInputEmail1" class="form-label">Email address</label>
|
|
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
|
|
<div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="exampleInputPassword1" class="form-label">Password</label>
|
|
<input type="password" class="form-control" id="exampleInputPassword1">
|
|
</div>
|
|
<div class="input-group mb-3">
|
|
<input type="file" class="form-control" id="inputGroupFile02">
|
|
<label class="input-group-text" for="inputGroupFile02">Upload</label>
|
|
</div>
|
|
<div class="mb-3 form-check">
|
|
<input type="checkbox" class="form-check-input" id="exampleCheck1">
|
|
<label class="form-check-label" for="exampleCheck1">Check me out</label>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer">
|
|
<button type="submit" class="btn btn-primary">Submit</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<!-- /.card -->
|
|
</div>
|
|
</div>
|
|
<!-- /.row -->
|
|
</div><!-- /.container-fluid -->
|
|
</div>
|
|
<!-- /.content -->
|
|
</main>
|
|
<!-- /.app-content -->
|
|
|
|
<Footer />
|
|
</div>
|
|
<!-- ./app-wrapper -->
|
|
|
|
<Scripts path={path} />
|
|
</body>
|
|
</html>
|