You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
68 lines
1.4 KiB
68 lines
1.4 KiB
<section class="<%= blockClassName %> <%= blockClassName %>--{{ activeDataFile }}">
|
|
|
|
{{!
|
|
Remove Everything Below:
|
|
}}
|
|
|
|
<style>
|
|
code {
|
|
background-color: #eee;
|
|
color: #333;
|
|
padding: 1rem 1.5rem;
|
|
border: 2px solid #d8d8d8;
|
|
display: inline-block;
|
|
border-radius: 2px;
|
|
font-size: 14px;
|
|
white-space: pre-line;
|
|
}
|
|
</style>
|
|
|
|
<header class="<%= blockClassName %>__header">
|
|
<h1 class="<%= blockClassName %>__header-heading">Ready!</h1>
|
|
</header>
|
|
|
|
<div class="<%= blockClassName %>__content">
|
|
<p>
|
|
Review the `/data` folder with JSON data files.<br>
|
|
Don't change data JSON files - use the data as it is.
|
|
</p>
|
|
<p>Build the layout based on provided data structure.</p>
|
|
|
|
<br><br>
|
|
<hr>
|
|
|
|
<h2>Image Example</h2>
|
|
<div>
|
|
<img src="images/demo.jpeg" alt="">
|
|
<br>
|
|
<code><img src="images/demo.jpeg" alt="">
|
|
</code>
|
|
</div>
|
|
|
|
<br><br>
|
|
<hr>
|
|
|
|
<h2>Available Buttons Styling</h2>
|
|
|
|
<div>
|
|
<a href="#" class="btn btn--primary">Primary</a>
|
|
<br>
|
|
<code><a href="#" class="btn btn--primary">Primary</a>
|
|
</code>
|
|
</div>
|
|
|
|
<br>
|
|
|
|
<div>
|
|
<a href="#" class="btn btn--secondary">Secondary</a>
|
|
<br>
|
|
<code><a href="#" class="btn btn--secondary">Secondary</a>
|
|
</code>
|
|
</div>
|
|
</div>
|
|
|
|
{{!
|
|
Remove END
|
|
}}
|
|
|
|
</section>
|
|
|