Skip to content

Commit 8c737a5

Browse files
authored
Add files via upload
1 parent 94918a9 commit 8c737a5

9 files changed

+93
-0
lines changed

assets/images/birthday-invite.png

2.16 MB
Loading

assets/images/movie-ranking.png

499 KB
Loading

goal.png

1.22 MB
Loading

index.html

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<!-- TODO 1: Create the HTML Boilerplate -->
2+
3+
<!-- TODO 2: Add Your previous projects' HTML into the public folder -->
4+
5+
<!-- TODO 3: Take screenshots of your project previews and add the images to the images folder -->
6+
7+
<!-- TODO 4: Add titles/subtitles etc. -->
8+
9+
<!-- TODO 5: Add a link to the project pages -->
10+
11+
<!-- TODO 6: Add images to show the project previews
12+
HINT for TODO 6: You can use the height attribute set to 200 to make the image smaller:
13+
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-height -->
14+
15+
<!-- TODO 7: Add the Contact Me and About Me page links -->

public/about.html

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<h1>About Me</h1>
2+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sem tellus, sagittis non odio nec, interdum
3+
elementum lacus. Ut ac justo eget risus sollicitudin fringilla sed ut leo. Ut condimentum elit nec fermentum lobortis.
4+
Quisque tincidunt quam nec tincidunt ullamcorper. Integer vitae pretium justo. In placerat volutpat pellentesque.
5+
Etiam
6+
gravida quam vitae odio pulvinar imperdiet. Vivamus venenatis gravida purus sit amet aliquet. Ut in nibh sed quam
7+
laoreet lacinia. Cras cursus ut dui vitae posuere. Vivamus volutpat urna vitae odio fringilla placerat. Nulla vel
8+
rhoncus sapien. Phasellus at interdum enim.</p>
9+
10+
<p>Curabitur elementum sagittis mollis. In porta nec quam ut semper. Nulla volutpat neque quis lacus mattis eleifend.
11+
Phasellus et congue odio. Mauris tristique, nisl quis porttitor porttitor, tortor ante mattis ex, at dictum tortor
12+
dolor
13+
ut sem. Nullam nec libero non ex porta vulputate a eu sapien. In nec bibendum mauris. Fusce iaculis lectus vel magna
14+
laoreet gravida.</p>
15+
16+
<p>Donec euismod vestibulum arcu, a blandit metus mattis ultrices. Integer quis hendrerit justo. Maecenas sed tempor mi.
17+
Fusce egestas urna leo. Mauris viverra sem sed libero egestas, volutpat aliquet magna porta. Quisque id diam sed ipsum
18+
interdum sollicitudin id quis augue. Donec congue nisl nec massa ornare imperdiet quis quis odio. Etiam ut volutpat
19+
nisl. Vestibulum hendrerit justo nibh, eget consequat magna fermentum finibus. Pellentesque et urna fringilla, rutrum
20+
neque in, varius leo. Vestibulum efficitur id massa eget pellentesque.</p>

public/birthday-invite.html

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<!-- This is one possible solution -->
2+
<h1>It's My Birthday!</h1>
3+
<h2>On the 12th May</h2>
4+
5+
<img src="https://raw.githubusercontent.com/appbrewery/webdev/main/birthday-cake3.4.jpeg"
6+
alt="purple birthday cake with candles" />
7+
8+
<h3>What to bring:</h3>
9+
<ul>
10+
<li>Baloons (I love baloons)</li>
11+
<li>Cake (I'm really good at eating)</li>
12+
<li>An appetite (There will be lots of food)</li>
13+
</ul>
14+
15+
<h3>This is where you need to go:</h3>
16+
<a
17+
href="https://www.google.com/maps/@35.7040744,139.5577317,3a,75y,289.6h,87.01t,0.72r/data=!3m6!1e1!3m4!1sgT28ssf0BB2LxZ63JNcL1w!2e0!7i13312!8i6656">Google
18+
map link</a>

public/contact.html

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<h1>Contact Me</h1>
2+
<p>Tel: +123456789</p>
3+
<p>Email: me@gmail.com</p>
4+
<p>Address:</p>
5+
<p>
6+
123 North Street<br />
7+
Some City<br />
8+
Some Country <br />
9+
</p>

public/movie-ranking.html

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<h1>The Best Movies According to Angela</h1>
2+
<h2>My top 3 movies of all-time.</h2>
3+
<hr />
4+
<h3>Spirited Away</h3>
5+
<p>This is my favourite anime. I love the beautiful images.</p>
6+
<h3>Ex Machina</h3>
7+
<p>Really cool sci-fi movie.</p>
8+
<h3>Drive</h3>
9+
<p>Super beautiful film. Really artistic.</p>

solution.html

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<title>Angela's Portfolio</title>
7+
</head>
8+
9+
<body>
10+
<h1>Angela Yu's Portfolio</h1>
11+
<h2>I'm a Web Developer</h2>
12+
<hr />
13+
<h3><a href="./public/movie-ranking.html">Movie Ranking Project</a></h3>
14+
<img src="./assets/images/movie-ranking.png" height="200" alt="movie ranking project preview"/>
15+
<h3><a href="./public/birthday-invite.html">Birthday Invite Project</a></h3>
16+
<img src="./assets/images/birthday-invite.png" height="200" alt="birthday invite project preview"/>
17+
<hr />
18+
<a href="./public/about.html">About Me</a>
19+
<a href="./public/contact.html">Contact Me</a>
20+
</body>
21+
22+
</html>

0 commit comments

Comments
 (0)