Homepage/index.html at main · CallumTanner/Homepage · 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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
  <!DOCTYPE html>
  <html lang="en" >
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel='stylesheet' href='https://unpkg.com/jest-lite@1.0.0-alpha.4/dist/prettify.css'><link rel="stylesheet" href="./style.css">
  <!-- partial:index.partial.html -->
  <title>Personal Home Page 4.1</title>
  </head>
  <body>
  <main>
  <header class="c-site-header">
    <nav aria-label="Main Site Links.">
      <a href="index.html" class="homebtn"    style="color:white">Home</a>
      <a href="aboutme.html" class="aboutbtn" style="color: white">About Me</a>
      <a href="interests.html" class="interestbtn" style="color: white">Interests</a>
      <a href="contact.html" class="contactbtn"    style="color:white">Contact</a>
      <a href="#comments" class="cyfbtn" style="color:white">Comment</a>
      </nav>
    <hr>
    <h1 class="Nameheading">My Personal Home Page</h1>
    <hr>
  </header>
  <section>
    <h2>Welcome!</h2>
   <p id="about">This is my personal homepage project. I am starting here with very little experience as I learn web development skills in HTML, CSS and javascript. I hope to go on to learn more coding languages as I progress.</p>
    <h2> Under Construction </h2>
  <p id ="interests"> This is just the starting point. The aim is to update this page regularly and use this project as a demonstration of the skills I have picked up during my learning. Stay tuned for more updates! </p>
    <P>I am currently learning to code through <span class="cyf">Code</span><span class="yourfuture">YourFuture</span></p>
      <br>
      <a target="_blank" class="cyf-btn" href="https://codeyourfuture.io/">Visit <span class="cyf">Code</span><span class="yourfuture">YourFuture</span></a>
      <br>
      <br>
      <br>
  <hr>
 <div class="media">
    <div class='img-container'>
       <img src="https://scd.infomigrants.net/media/resize/my_image_medium/dea47db2bea62a59af3aeb9151ff77c0b3d1a12f.jpeg" alt="CodeYourFuture Logo" width='500' height='318'>
    </div>
    <div class='iframe-container'>
       <iframe width="560" height="315" src="https://www.youtube.com/embed/ggdiwgCGbko" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
    </div>
  </div>
      <br>
    <br>
    <br>
  <img id="image" src="https://3.bp.blogspot.com/-7pXla4gYcSU/XB-aQElY_zI/AAAAAAAAHTA/soP-84BDatwdPyeo3jrwtQxQAvzbQIbUgCLcBGAs/s1600/js_css_html.png" width="300" height="400" alt="various html/css/javascript images" style="max-width: 100%; height:auto;"><br><br>
  <button id="previous">previous</button>
  <button id="next">Next</button>
  <form action="/html/tags/html_form_tag_action.cfm" method="post">
  <div>
    <br>
    <br>
    <h3>Keep an eye out for updates and let me know what you think below</h3>
  <textarea name="comments" id="comments" style="font-family:sans-serif;font-size:1.2em;">
  Leave a comment!
  </textarea>
  </div>
  <input type="submit" value="Submit">
  </form>
     </section>
     <hr>
  </main>
  <div>
  <footer class="c-site-footer">
    <p>&copy;CalTanner 2022</p>
  </footer>
  </div>
  </body>


  </html>


<!-- Your test console.
Don't delete!-->
<aside id="tests" aria-label="Test Readout." aria-live="polite" style="overflow:auto">
</aside>
<!-- partial -->
  <script src='https://unpkg.com/jest-lite@1.0.0-alpha.4/dist/core.js'></script>
<script src='https://unpkg.com/jest-lite@1.0.0-alpha.4/dist/prettify.js'></script><script  src="./script.js"></script>

</body>
</html>