Files
  • index.html
  • script.js
  • style.css
index.html
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
<!DOCTYPE html>
<html>
  <head>
  
    <meta charset="utf-8">
    <meta name="viewport"
    content="width=device-width">
    <title>Samples of My Work</title>
  
    <link href="styles.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
<h5>Samples of My Work in Python & HTML5</h5>

<h4>Mandala</h4>
 <iframe height="400px" width="100%" src="https://repl.it/@Alec_JoshuaJosh/Mandala-with-Shape-Fill?lite=true" scrolling="no" frameborder="no" allowtransparency="true" allowfullscreen="true" sandbox="allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-modals"></iframe>
<h4>Animated Mickey Mouse</h4>
<iframe height="400px" width="100%" src="https://repl.it/@Alec_JoshuaJosh/Mickey-Mouse?lite=true" scrolling="no" frameborder="no" allowtransparency="true" allowfullscreen="true" sandbox="allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-modals"></iframe>


<h4>Sum Calculator</h4>
  <iframe height="400px" width="100%" src="https://repl.it/@Alec_JoshuaJosh/SumCalculator?lite=true" scrolling="no" frameborder="no" allowtransparency="true" allowfullscreen="true" sandbox="allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-modals"></iframe>

<h4>Difference Calculator</h4>
  <iframe height="400px" width="100%" src="https://repl.it/@Alec_JoshuaJosh/DifferenceCalculator?lite=true" scrolling="no" frameborder="no" allowtransparency="true" allowfullscreen="true" sandbox="allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-modals"></iframe>
  

    <script src="script.js"></script>
  
  </body>
</html>
result
console