wip
This commit is contained in:
Joey Kimsey
@ -1,11 +1,11 @@
|
||||
<div class="container border-top mt-auto">
|
||||
<div class="container border-top border-white mt-auto">
|
||||
<footer class="pt-4">
|
||||
<div class="row">
|
||||
{FOOTER_LEFT}
|
||||
{FOOTER_CENTER}
|
||||
{FOOTER_RIGHT}
|
||||
</div>
|
||||
<div class="d-flex flex-column flex-sm-row justify-content-between py-3 mt-2 border-top">
|
||||
<div class="d-flex flex-column flex-sm-row justify-content-between py-3 mt-2 border-top border-white">
|
||||
{COPY}
|
||||
{SOCIAL}
|
||||
</div>
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<!-- AllTheBookmarks - In one place -->
|
||||
<div class="px-4 pt-5 my-5 text-center border-bottom">
|
||||
<div class="px-4 pt-5 my-5 text-center border-bottom border-white">
|
||||
<h1 class="display-4 fw-bold">AllTheBookmarks - In one place</h1>
|
||||
<div class="col-lg-6 mx-auto">
|
||||
<p class="lead mb-4">Quickly add and manage an internet worth of bookmarks with AllTheBookmarks, my personal favorite app for keeping track of dead memes long after they outlive their hilarity.</p>
|
||||
@ -14,7 +14,7 @@
|
||||
</div>
|
||||
<div class="overflow-hidden" style="max-height: 30vh;">
|
||||
<div class="container px-5">
|
||||
<img src="{ROOT_URL}images/manage.png" class="img-fluid border rounded-3 shadow-lg mb-4" alt="Example image" width="700" height="500" loading="lazy">
|
||||
<img src="{ROOT_URL}images/manage.png" class="img-fluid border border-white rounded-3 shadow-lg mb-4" alt="Example image" width="700" height="500" loading="lazy">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -23,7 +23,7 @@
|
||||
|
||||
<!-- All the stuff you need -->
|
||||
<div class="container px-4 py-5" id="features">
|
||||
<h2 class="pb-2 border-bottom atb-green">All the stuff you need, none of the stuff you don't!</h2>
|
||||
<h2 class="pb-2 border-bottom atb-green border-white">All the stuff you need, none of the stuff you don't!</h2>
|
||||
<div class="row row-cols-1 row-cols-md-2 align-items-md-center g-5 py-5">
|
||||
<div class="d-flex flex-column align-items-start gap-2">
|
||||
<h3 class="fw-bold">I just wanted something cross-browser for storing bookmarks.</h3>
|
||||
@ -104,7 +104,7 @@
|
||||
|
||||
<!-- Never Browse without it -->
|
||||
<div class="container px-4 py-5" id="extension">
|
||||
<h2 class="pb-2 border-bottom atb-green">Never Browse without it</h2>
|
||||
<h2 class="pb-2 border-bottom border-white atb-green">Never Browse without it</h2>
|
||||
<div class="row g-4 py-5 row-cols-1 row-cols-lg-3">
|
||||
<div class="col d-flex align-items-start">
|
||||
<div class="icon-square text-bg-light d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
|
||||
@ -164,7 +164,7 @@
|
||||
|
||||
<!-- Clean, Simple, Direct -->
|
||||
<div class="container my-5">
|
||||
<div class="row p-4 pb-0 pe-lg-0 pt-lg-5 align-items-center rounded-3 border shadow-lg context-main-bg">
|
||||
<div class="row p-4 pb-0 pe-lg-0 pt-lg-5 align-items-center rounded-3 border border-white shadow-lg context-main-bg">
|
||||
<div class="col-lg-7 p-3 p-lg-5 pt-lg-3">
|
||||
<h1 class="display-4 fw-bold lh-1 atb-green">Clean, Simple, Direct</h1>
|
||||
<p class="lead">An intuitive app with a sleep, modern design is the goal. There is no need for hundreds of bells in whistles, no bluetooth, no AII to tell you what your best bookmark is, just a simple app to make life easier.</p>
|
||||
@ -187,7 +187,7 @@
|
||||
|
||||
<!-- Built to.... work -->
|
||||
<div class="container px-4 py-5" id="featured-3">
|
||||
<h2 class="pb-2 border-bottom">Built to.... work</h2>
|
||||
<h2 class="pb-2 border-bottom border-white">Built to.... work</h2>
|
||||
<div class="row g-4 py-5 row-cols-1 row-cols-lg-3">
|
||||
<div class="feature col">
|
||||
<div class="feature-icon d-inline-flex align-items-center justify-content-center atb-green-bg fs-2 mb-3">
|
||||
@ -218,7 +218,7 @@
|
||||
<!-- Compare plans -->
|
||||
<div class="table-responsive pricing-container container pb-4" id="compare">
|
||||
<h1 class="display-6 text-center my-4">Compare plans</h1>
|
||||
<table class="table text-center context-main">
|
||||
<table class="table text-center context-main border-white">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 34%;"></th>
|
||||
|
||||
@ -26,14 +26,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center pt-1 mb-5 pb-1">
|
||||
<button name="submit" value="submit" type="submit" data-mdb-button-init data-mdb-ripple-init class="btn btn-primary btn-block fa-lg gradient-custom-2 mb-3">
|
||||
<button name="submit" value="submit" type="submit" data-mdb-button-init data-mdb-ripple-init class="btn btn-primary btn-block mb-3 atb-green-bg">
|
||||
Sign in
|
||||
</button>
|
||||
<a class="text-muted" href="{ROOT_URL}register/recover">Forgot password?</a>
|
||||
</div>
|
||||
<div class="d-flex align-items-center justify-content-center pb-4">
|
||||
<p class="mb-0 me-2">Don't have an account?</p>
|
||||
<a href="{ROOT_URL}register" data-mdb-button-init data-mdb-ripple-init class="btn btn-outline-dark">
|
||||
<a href="{ROOT_URL}register" data-mdb-button-init data-mdb-ripple-init class="btn btn-outline-dark atb-green-outline">
|
||||
Create new
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
<div class="dropdown nav-item mx-2">
|
||||
<a
|
||||
href="#"
|
||||
@ -9,50 +8,44 @@
|
||||
aria-expanded="false">
|
||||
<i class="fa fa-user"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-dark dropdown-menu-end text-small shadow" aria-labelledby="userDropdown">
|
||||
<div class="dropdown-menu dropdown-menu-dark dropdown-menu-end text-small shadow" aria-labelledby="userDropdown" style="min-width: 300px;">
|
||||
<form method="post" action="{ROOT_URL}home/login" id="signin" class="px-4 py-3">
|
||||
<input type="hidden" name="rurl" id="rurl" value="{CURRENT_URL}">
|
||||
<input type="hidden" name="token" value="{TOKEN}">
|
||||
|
||||
<!-- Username -->
|
||||
<div class="form-group">
|
||||
<input
|
||||
id="username"
|
||||
type="text"
|
||||
class="form-control mb-2"
|
||||
name="username"
|
||||
placeholder="Username">
|
||||
<div class="form-group mb-3">
|
||||
<input id="username"
|
||||
type="text"
|
||||
class="form-control"
|
||||
name="username"
|
||||
placeholder="Username">
|
||||
</div>
|
||||
|
||||
<!-- Password -->
|
||||
<div class="form-group">
|
||||
<input
|
||||
id="password"
|
||||
type="password"
|
||||
class="form-control mb-2"
|
||||
name="password"
|
||||
placeholder="Password">
|
||||
<div class="form-group mb-3">
|
||||
<input id="password"
|
||||
type="password"
|
||||
class="form-control"
|
||||
name="password"
|
||||
placeholder="Password">
|
||||
</div>
|
||||
|
||||
<!-- Remember Me -->
|
||||
<div class="form-check">
|
||||
<input
|
||||
type="checkbox"
|
||||
class="form-check-input mb-2"
|
||||
id="remember"
|
||||
name="remember"
|
||||
value="true">
|
||||
<label class="form-check-label" for="remember">Remember me</label>
|
||||
<!-- Remember Me -->
|
||||
<div class="form-check form-switch mb-3">
|
||||
<input class="form-check-input" type="checkbox" role="switch" name="remember" id="remember" value="true">
|
||||
<label class="form-check-label" for="remember">Stay Logged In</label>
|
||||
</div>
|
||||
|
||||
<!-- Submit Button -->
|
||||
<button
|
||||
type="submit"
|
||||
class="btn btn-primary btn-block"
|
||||
name="submit"
|
||||
value="submit">
|
||||
Sign in
|
||||
</button>
|
||||
<!-- Submit and Register Buttons -->
|
||||
<div class="d-flex gap-1">
|
||||
<button name="submit" value="submit" type="submit" class="btn btn-primary flex-fill atb-green-bg">
|
||||
Sign in
|
||||
</button>
|
||||
<a href="{ROOT_URL}register" class="btn btn-outline-dark flex-fill atb-green-outline">
|
||||
Create new
|
||||
</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user