Merge pull request #11 from maitrakhatri/getting-started

added the Universal link to link CSS file
maitrakhatri · Feb 3, 2022 · 38ab9a0 · 38ab9a0
2 parents c6e4342 + c856eb7
commit 38ab9a0
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/docs/gettingStarted.html b/docs/gettingStarted.html
@@ -54,10 +54,19 @@ <h1 class="section-title">Getting Started</h1>
 
                 <p>To start using gozo UI for your projects, just copy-paste the stylesheet link tag into your head tag before all other stylesheets to load our CSS</p>
 
+                <div class="code-snippets">
+                    <iframe src="https://carbon.now.sh/embed?bg=rgba%28255%2C255%2C255%2C1%29&t=seti&wt=none&l=htmlmixed&width=680&ds=true&dsyoff=20px&dsblur=68px&wc=true&wa=true&pv=56px&ph=56px&ln=false&fl=1&fm=Hack&fs=14px&lh=133%25&si=false&es=2x&wm=false&code=%253Clink%2520rel%253D%2522stylesheet%2522%2520type%253D%2522text%252Fcss%2522%2520href%253D%2522https%253A%252F%252Fgozo-ui.netlify.app%252FCSS%252Fstyle.css%2522%253E" style="width: 900px; height: 250px; border:0; transform: scale(1); overflow:hidden;" sandbox="allow-scripts allow-same-origin"></iframe>
+
+                </div>
+
                 <h3 class="section-title">Quick Start</h3>
 
                 <p>Here's the entire HTML Boiler Plate to start with</p>
 
+                <div class="code-snippets">
+                    <iframe src="https://carbon.now.sh/embed?bg=rgba%28255%2C255%2C255%2C1%29&t=seti&wt=none&l=htmlmixed&width=680&ds=true&dsyoff=20px&dsblur=68px&wc=true&wa=true&pv=56px&ph=56px&ln=false&fl=1&fm=Hack&fs=14px&lh=133%25&si=false&es=2x&wm=false&code=%253C%21DOCTYPE%2520html%253E%250A%253Chtml%2520lang%253D%2522en%2522%253E%250A%253Chead%253E%250A%2520%2520%2520%2520%253Cmeta%2520charset%253D%2522UTF-8%2522%253E%250A%2520%2520%2520%2520%253Cmeta%2520http-equiv%253D%2522X-UA-Compatible%2522%2520content%253D%2522IE%253Dedge%2522%253E%250A%2520%2520%2520%2520%253Cmeta%2520name%253D%2522viewport%2522%2520content%253D%2522width%253Ddevice-width%252C%2520initial-scale%253D1.0%2522%253E%250A%2520%2520%2520%2520%253Ctitle%253Egozo%2520UI%253C%252Ftitle%253E%250A%2520%2520%2520%2520%253Clink%2520rel%253D%2522stylesheet%2522%2520type%253D%2522text%252Fcss%2522%2520href%253D%2522https%253A%252F%252Fgozo-ui.netlify.app%252FCSS%252Fstyle.css%2522%253E%250A%253C%252Fhead%253E%250A%253Cbody%253E%250A%2520%2520%2520%2520%250A%253C%252Fbody%253E%250A%253C%252Fhtml%253E" style="width: 909px; height: 450px; border:0; transform: scale(1); overflow:hidden;" sandbox="allow-scripts allow-same-origin"> </iframe>
+
+                </div>
 
             </div>