Skip to content

Add new accordion #43

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Add new accordion #43

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
9a19adc
Added new navbar
NasnyNazeer Oct 30, 2020
c1e4d30
Added new text field
NasnyNazeer Oct 30, 2020
ad61b45
Added new accordion
NasnyNazeer Oct 30, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
50 changes: 50 additions & 0 deletions pages/accordion.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -97,6 +97,56 @@ <h2>
</div>
</div>
</div>

<!-- Nasny Nazeer -->
<div class="row">
<div class="col-lg-6">
<div class="component">
<div class="card magictime">
<div class="card-title jkj">
<strong>Accordion</strong>
</div>
<div class="card-content">

<button class="accordion-jkj">Section 1</button>
<div class="panel">
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores voluptates doloribus asperiores repellat quaerat illum ad enim minima eaque est!</p>
</div>

<button class="accordion-jkj">Section 2</button>
<div class="panel">
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptate fugit voluptatibus accusamus non inventore laborum aliquam sint! Maxime, saepe repellendus!</p>
</div>

<button class="accordion-jkj">Section 3</button>
<div class="panel">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus nulla laborum suscipit iusto obcaecati ipsam soluta, in sit iste temporibus?</p>
</div>

</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="component">
<div class="card magictime">
<div class="card-title jkj">
<strong>Creator</strong>
</div>
<div class="card-content">
<div class="creater-name">
<h2>
<b>Name:</b>
<span>
<a href="http://github.com/NasnyNazeer">Nasny Nazeer</a>
</span>
</h2>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer>
Expand Down
43 changes: 43 additions & 0 deletions pages/navbar.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -89,6 +89,49 @@ <h2>
</div>
</div>

<div class="container-fluid">
<!-- Nasny Nazeer -->

<div class="row">
<div class="col-lg-6">
<div class="component">
<div class="card magictime">
<div class="card-title tonal">
<strong>Navbar</strong>
</div>
<div class="card-content">
<nav class="navbar navbar-light bg-light">
<form class="form-inline">
<button class="btn-ruben btn-outline-success" type="button">Main button</button>
<button class="btn-ruben btn-sm btn-outline-secondary" type="button">Smaller button</button>
</form>
</nav>

</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="component">
<div class="card magictime">
<div class="card-title tonal">
<strong>Creator</strong>
</div>
<div class="card-content">
<div class="creater-name">
<h2>
<b>Name:</b>
<span>
<a href="https://github.com/NasnyNazeer">Nasny Nazeer</a>
</span>
</h2>
</div>
</div>
</div>
</div>
</div>
</div>

</div>
</section>
<footer>
Expand Down
40 changes: 40 additions & 0 deletions pages/textfield.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -90,6 +90,46 @@ <h2>
</div>
</div>

<!-- Nasny Nazeer -->
<div class="row">
<div class="col-lg-6">
<div class="component">
<div class="card magictime">
<div class="card-title tonal">
<strong>Textfield</strong>
</div>
<div class="card-content">
<form class="form-tonal" action="">
<div class="input-field-tonal">
<input class="input-tonal" type="text" id="name" required />
<label class="label-tonal" for="name">Your name:</label>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="component">
<div class="card magictime">
<div class="card-title tonal">
<strong>Creator</strong>
</div>
<div class="card-content">
<div class="creater-name">
<h2>
<b>Name:</b>
<span>
<a href="https://github.com/NasnyNazeer">Nasny Nazeer</a>
</span>
</h2>
</div>
</div>
</div>
</div>
</div>
</div>



</div>
Expand Down