Setup Boilerplate

// Some code
<head> of index.html
   <!-- Doodle Template -->
    <link rel="stylesheet" href="css/template.css">
    <!-- My Styles -->
    <link rel="stylesheet" href="css/style.css">

    <!-- GSAP -->
    <script src="https://unpkg.co/gsap@3/dist/gsap.min.js"></script>
    <!-- My Scripts -->
    <script src="script.js"></script>
<body> of index.html
<!-- Container -->
    <main>
    
        <!-- Doodle Stage -->
        <div id="stage">

        </div>

        <input type="text" />
        <div id="search">
        <button>Google Search</button>
        <button>I'm Feeling Lucky</button>
        </div>
    
    </main>  
```
Add to style.css
/* Stage */
#stage {
  background: #ccc;
  height: 300px;
  width: 600px;
}
2KB
template.css
Template for Google Doodle
PreviousOverviewNextPart 4 : Practice Pens

Last updated