Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@carmellolb
carmellolb authored Sep 14, 2019
1 parent 468d732 commit 8c2b58f
Showing 1 changed file with 82 additions and 26 deletions.
108 changes: 82 additions & 26 deletions elements/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -201,13 +201,41 @@ <h4 class="modal-title">Modal</h4>
</button>
</div>
<div class="navbar-collapse collapse sidebar-navbar-collapse">
<ul class="nav navbar-nav" id="tabContent">
<li class="active"><a href="#3-1" data-toggle="tab" aria-expanded="false" style="

<button type="button" data-dismiss="modal" style="
opacity: 0.5;
margin-right: 161px;
margin-top: 12px;
margin-bottom: 10px;
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
margin-left: 17.5px;
"><img style="
width: 16px;
" src="/images/image10.png"></button><button type="button" style="
opacity: 1;
margin-right: 161px;
margin-top: 12px;
margin-bottom: 10px;
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
margin-left: 17.5px;
"><img src="/images/image9.png" style="
width: 16px;
"></button><ul class="nav navbar-nav" id="tabContent">

<li class="active"><a href="#1-1" data-toggle="tab" aria-expanded="true" style="
background-color: transparent;
">Menu Item 1</a></li>
<li><a href="#3-2" data-toggle="tab" aria-expanded="false">Menu Item 2</a></li>
<li><a href="#3-3" data-toggle="tab" aria-expanded="false">Menu Item 3</a></li>
<li><a href="#3-4" data-toggle="tab" aria-expanded="false">Menu Item 4</a></li>
<li class=""><a href="#1-2" data-toggle="tab" aria-expanded="false">Menu Item 2</a></li>
<li class=""><a href="#1-3" data-toggle="tab" aria-expanded="false">Menu Item 3</a></li>
<li class=""><a href="#1-4" data-toggle="tab" aria-expanded="false">Menu Item 4</a></li>

</ul>
</div><!--/.nav-collapse -->
Expand All @@ -222,7 +250,7 @@ <h4 class="modal-title">Modal</h4>
width: 690px;
">
<div class="tab-content">
<div class="tab-pane active" id="3-1">
<div class="tab-pane active" id="1-1">
<h2 style="
font-weight: 600;
">Content 1</h2>
Expand All @@ -235,7 +263,7 @@ <h4 class="modal-title">Modal</h4>
">This is a paragraph. You can write things in here, like information.</p>
</div>

<div class="tab-pane" id="3-2">
<div class="tab-pane" id="1-2">
<h2 style="
font-weight: 600;
">Content 2</h2>
Expand All @@ -248,7 +276,7 @@ <h4 class="modal-title">Modal</h4>
">This is a paragraph. You can write things in here, like information.</p>
</div>

<div class="tab-pane" id="3-3">
<div class="tab-pane" id="1-3">
<h2 style="
font-weight: 600;
">Content 3</h2>
Expand All @@ -261,7 +289,7 @@ <h4 class="modal-title">Modal</h4>
">This is a paragraph. You can write things in here, like information.</p>
</div>

<div class="tab-pane" id="3-4">
<div class="tab-pane" id="1-4">
<h2 style="
font-weight: 600;
">Content 4</h2>
Expand Down Expand Up @@ -296,16 +324,16 @@ <h4 class="modal-title">Modal</h4>
<ul class="nav nav-tabs" id="tabContent">
<li class="active" style="
border: none;
"><a href="#1-1" data-toggle="tab" style="background-color: transparent;border: none;" aria-expanded="true">Tab 1</a></li>
<li class=""><a href="#1-2" data-toggle="tab" style="background-color: transparent;border: none;" aria-expanded="false">Tab 2</a></li>
"><a href="#2-1" data-toggle="tab" style="background-color: transparent;border: none;" aria-expanded="true">Tab 1</a></li>
<li class=""><a href="#2-2" data-toggle="tab" style="background-color: transparent;border: none;" aria-expanded="false">Tab 2</a></li>
</ul>

<div class="tab-content" style="
padding: 15px;
background: #ffffff;
height: 180px;
">
<div class="tab-pane active" id="1-1">
<div class="tab-pane active" id="2-1">
<h2 style="
font-weight: 600;
">Content 1</h2>
Expand All @@ -318,7 +346,7 @@ <h4 class="modal-title">Modal</h4>
">This is a paragraph. You can write things in here, like information.</p>
</div>

<div class="tab-pane" id="1-2">
<div class="tab-pane" id="2-2">
<h2 style="
font-weight: 600;
">Content 2</h2>
Expand Down Expand Up @@ -368,13 +396,41 @@ <h4 class="modal-title">Modal</h4>
</button>
</div>
<div class="navbar-collapse collapse sidebar-navbar-collapse">
<ul class="nav navbar-nav" id="tabContent">
<li class="active"><a href="#4-1" data-toggle="tab" aria-expanded="false" style="

<button type="button" data-dismiss="modal" style="
opacity: 0.5;
margin-right: 161px;
margin-top: 12px;
margin-bottom: 10px;
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
margin-left: 17.5px;
"><img style="
width: 16px;
" src="/images/image10.png"></button><button type="button" style="
opacity: 1;
margin-right: 161px;
margin-top: 12px;
margin-bottom: 10px;
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
margin-left: 17.5px;
"><img src="/images/image9.png" style="
width: 16px;
"></button><ul class="nav navbar-nav" id="tabContent">

<li class="active"><a href="#3-1" data-toggle="tab" aria-expanded="true" style="
background-color: transparent;
">Menu Item 1</a></li>
<li><a href="#4-2" data-toggle="tab" aria-expanded="false">Menu Item 2</a></li>
<li><a href="#4-3" data-toggle="tab" aria-expanded="false">Menu Item 3</a></li>
<li><a href="#4-4" data-toggle="tab" aria-expanded="false">Menu Item 4</a></li>
<li class=""><a href="#3-2" data-toggle="tab" aria-expanded="false">Menu Item 2</a></li>
<li class=""><a href="#3-3" data-toggle="tab" aria-expanded="false">Menu Item 3</a></li>
<li class=""><a href="#3-4" data-toggle="tab" aria-expanded="false">Menu Item 4</a></li>

</ul>
</div><!--/.nav-collapse -->
Expand All @@ -389,7 +445,7 @@ <h4 class="modal-title">Modal</h4>
width: 690px;
">
<div class="tab-content">
<div class="tab-pane active" id="4-1">
<div class="tab-pane active" id="3-1">
<h2 style="
font-weight: 600;
">Content 1</h2>
Expand All @@ -402,7 +458,7 @@ <h4 class="modal-title">Modal</h4>
">This is a paragraph. You can write things in here, like information.</p>
</div>

<div class="tab-pane" id="4-2">
<div class="tab-pane" id="3-2">
<h2 style="
font-weight: 600;
">Content 2</h2>
Expand All @@ -415,7 +471,7 @@ <h4 class="modal-title">Modal</h4>
">This is a paragraph. You can write things in here, like information.</p>
</div>

<div class="tab-pane" id="4-3">
<div class="tab-pane" id="3-3">
<h2 style="
font-weight: 600;
">Content 3</h2>
Expand All @@ -428,7 +484,7 @@ <h4 class="modal-title">Modal</h4>
">This is a paragraph. You can write things in here, like information.</p>
</div>

<div class="tab-pane" id="4-4">
<div class="tab-pane" id="3-4">
<h2 style="
font-weight: 600;
">Content 4</h2>
Expand Down Expand Up @@ -463,16 +519,16 @@ <h4 class="modal-title">Modal</h4>
<ul class="nav nav-tabs" id="tabContent">
<li class="active" style="
border: none;
"><a href="#2-1" data-toggle="tab" style="background-color: transparent;border: none;" aria-expanded="true">Tab 1</a></li>
<li class=""><a href="#2-2" data-toggle="tab" style="background-color: transparent;border: none;" aria-expanded="false">Tab 2</a></li>
"><a href="#4-1" data-toggle="tab" style="background-color: transparent;border: none;" aria-expanded="true">Tab 1</a></li>
<li class=""><a href="#4-2" data-toggle="tab" style="background-color: transparent;border: none;" aria-expanded="false">Tab 2</a></li>
</ul>

<div class="tab-content" style="
padding: 15px;
background: #ffffff;
height: 180px;
">
<div class="tab-pane active" id="2-1">
<div class="tab-pane active" id="4-1">
<h2 style="
font-weight: 600;
">Content 1</h2>
Expand All @@ -485,7 +541,7 @@ <h4 class="modal-title">Modal</h4>
">This is a paragraph. You can write things in here, like information.</p>
</div>

<div class="tab-pane" id="2-2">
<div class="tab-pane" id="4-2">
<h2 style="
font-weight: 600;
">Content 2</h2>
Expand Down

0 comments on commit 8c2b58f

Please sign in to comment.