-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathimagecreation.html
77 lines (77 loc) · 2.97 KB
/
imagecreation.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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Home</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!-- The relates to the Google Font used in h1 -->
<link href='https://fonts.googleapis.com/css?family=Caesar Dressing' rel='stylesheet'>
<div class="header">
<img src="images/DTportfolio_header.png">
</div>
</head>
<div class="wrapper">
<body>
<!-- The Nav Bar goes here -->
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li id='active'><a href="imagecreation.html">Image Creation</a></li>
<li><a href="computerscience.html">Computer Science</a></li>
<li><a href="programming.html">Programming</a></li>
<li><a href="3dmodelling.html">3D Modelling</a></li>
<li><a href="animation.html">Animation</a></li>
<li><a href="videoaudio.html">Video</a></li>
<li><a href="designformanufacturing.html">D4M</a></li>
<li><a href="videogame.html">Video Game</a></li>
<li><a href="reflection.html">Reflection</a></li>
</ul>
</nav>
<main>
<!-- page heading- add name here! -->
<h1>Image Creation</h1>
<!-- This is the container for all the images you want to add- it's a flexbox so add as many as you want -->
<div class='container'>
<!-- item 1 starts here-->
<div class='item'>
<img src="images/placeholder.png" alt="please replace me">
<div class='item-info'>
<!-- a brief explanation of what this picture is -->
<h5>What is this?</h5>
</div>
</div>
<!-- end of item 1 -->
<!-- item 2 starts here-->
<div class='item'>
<img src="images/placeholder.png" alt="please replace me">
<div class='item-info'>
<!-- a brief explanation of what this picture is -->
<h5>What is this?</h5>
</div>
</div>
<!-- end of item 2 -->
<!-- item 3 starts here-->
<div class='item'>
<img src="images/placeholder.png" alt="please replace me">
<div class='item-info'>
<!-- a brief explanation of what this picture is -->
<h5>What is this?</h5>
</div>
</div>
<!-- end of item 3 -->
<!-- now the Evaluation text box-->
<div class=information>
<h2>Evaluation</h2>
<p>
This is where you put your evaluation. You should delete this and write about your learning. What software did you use? What skills did you learn? Was it enjoyable? Did you learn a lot? How could you extend this? <br><br>
Maybe you could come up with a way you could use these skills for your term 4 project.
</p>
</div>
</div>
</main>
<footer>
<p>©Copyright Your Name 2024</p>
</footer>
</body>
</html>