-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportfolio.html
77 lines (77 loc) · 3.33 KB
/
portfolio.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 lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Matt's Portfolio Page</title>
<link rel="stylesheet" href="portfolio.css" />
</head>
<body>
<header>
<span class="name"> Matt Kindig </span>
<nav class="Buttons">
<a class="active" href="index.html">HOME</a>
<a href="about.html">ABOUT</a>
<a href="portfolio.html">PORTFOLIO</a>
</nav>
</header>
<main>
<h1 class="h1-des">
Here are some the projects I've constructed during my time as a
programmer.
</h1>
<section class="fp-project">
<h2 class="grocery-title">Grocery List Project</h2>
<img src="grocerylist.jpeg" alt="grocery" />
<p class="first-project">
This was my first project in my Fullstack Academy class that
challenged my knowledge on the basic concepts of HTML & CSS. Although
this project is quite basic, it does show how these elements come
together to form something so simple, yet so complex.
</p>
<p class="first-project2">
Not only does this show the possibilities of what HTML & CSS can do,
but also shows how useful these tools are in the field of business. If
a company wishes to launch a website but doesnt know where to start,
this would be the place.
</p>
</section>
<section class="sp-project">
<h2 class="zoo-title">Zoo Animals Project</h2>
<img src="zooanimals.jpeg" alt="zooanimals" />
<p class="second-project">
Another one of my accomplisments actually came very early in my
studies of web development. This very simple website doesn't utilize
any CSS elements, just HTML. This project was quite helpful in showing
me how to properly utilize tags throughout the page structure.
</p>
<p class="second-project2">
In particular, this webpage shows certain elements such as list tags,
both ordered and un-ordered. This better helps the user see the names
and the species of all the animals at the zoo in a organized fashion.
Organization like this makes a day at the zoo a seamless experience.
</p>
</section>
<section class="tp-project">
<h2 class="bank-title">Bank Vault Project</h2>
<img src="bankvault.jpeg" alt="bankvault" />
<p class="third-project">
Imagine this, you're given the task of creating at program that will
show certain number combinations for a bank vault. As one could
imagine, this project was crucial for helping me understand the power
of javascript basics.
</p>
<p class="third-project2">
Knowing this, it is VERY important to get scripts exact. Last thing a
programmer would want is to give the wrong bank information to
customers, yikes. Although this project looks simple on face value
there is way more than meets the eye.
</p>
</section>
</main>
<footer>
<p class="watermark">Kindig Enterprises© 2023</p>
</footer>
</body>
</html>