diff --git a/option/index.html b/option/index.html
index f522567..bd8b51b 100644
--- a/option/index.html
+++ b/option/index.html
@@ -18,12 +18,13 @@
       <div class="column col-3"></div>
       <div class="column col-6">
 
-        <div class="hero bg-gray">
+        <div class="hero bg-primary">
           <div class="hero-body">
             <h1>Code snippet</h1>
             <p>Configuration</p>
           </div>
         </div>
+        <br>
         <div class="container p-centered">
           <div class="form-group">
             <select class="form-select">
@@ -37,6 +38,21 @@ <h1>Code snippet</h1>
             </select>
           </div>
         </div>
+        <br>
+        <div class="container">
+          <div class="card">
+            <div class="card-header">
+              <div class="card-title h5">Code sample</div>
+              <!-- <div class="card-subtitle text-gray">...</div> -->
+            </div>
+            <div class="card-body">
+              <pre>
+                <code id="samplecode"></code>
+              </pre>
+            </div>
+
+          </div>
+        </div>
       </div>
       <div class="column col-3" </div>
       </div>