coding-website/WhatIsScratch.html at master · crankshafttech/coding-website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html id="body">
    <head>
        <title>Crankshaft Tech Coding - What is Scratch?</title>
        <link rel="stylesheet" type="text/css" href="style7.css"/>
        <link rel="icon" href="favicon.ico" type="image/x-icon"/>
        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />

        <!-- Global site tag (gtag.js) - Google Analytics -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-130790158-1"></script>
        <script>
          window.dataLayer = window.dataLayer || [];
          function gtag(){dataLayer.push(arguments);}
          gtag('js', new Date());

          gtag('config', 'UA-130790158-1');
        </script>
        <script src="javascript.js"></script>
    </head>
    <body>
        <div id="container">
            <div id="header">
                <div id="logo">
                    <a href="/"><img class="imglogo" src="logo.png" width="100%"/></a>
                </div>
                <div class="dropimg">
              <img onclick="openSidebar()" id="menuButton2" class="dropbtn2" src="menu.png">
              </div>
                <div class="dropdown" style="float:right;">
                  <button class="dropbtn" id="menuButton" onclick="openSidebar()">&#9776;</button>
                  <div class="sideMenu" id="mainMenu">
                    <a href="javascript:void(0)" class="closebtn" onclick="closeSideBar()">&times;</a>
                  <div class="dropdown-content">
                    <a href="/">Home</a>
                    <a href="Contact.html">Contact</a>
                    <a href="Lessons.html">Lessons</a>
                    <a href="AboutMe.html">About Me</a>
                    <a href="https://blog.crankshafttech.com/" target="_blank">My Blog</a>
                    <a class="selected">What is Scratch?</a>
                    <a href="WhatIsSmallBasic.html">What is Small Basic?</a>
                    <a href="WhatIsMicroBit.html">What is Micro:Bit?</a>
                    </div>
                  </div>
                </div>
                <div id="title">
                    <h1>Crankshaft Technology</h1>
                </div>
            </div>

            <div id="content">
                <div id="main">
                    <h1>What is Scratch?</h1>
                    <p><b>Scratch</b> is a visual programming language and online community targeted primarily at children, by coding with 'blocks' in the editor. Scratch is widely used to teach children and adults of all ages the fundamentals of programming. It provides a quality introduction to coding and sets students up to progress to other more complex languages, including Small Basic, Python, HTML and C++.</p>
                    <div id="video">
                        <div style="padding:62.5% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/65583694" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
                    </div>
                </div>
            </div>

            <div id="copyright">
                2020 Crankshaft Technology
            </div>
        </div>
    </body>
</html>