-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolio-item7.html
99 lines (82 loc) · 4.7 KB
/
portfolio-item7.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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset="UTF-8">
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Brad Donakowski</title>
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css"
integrity="sha256-46qynGAkLSFpVbEBog43gvNhfrOj+BmwXdxFgVK/Kvc=" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
<!-- I will change these to my own fonts afterwards -->
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:400,900|Source+Sans+Pro:300,900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="index.html#work">Brad Donakowski</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<!-- <li class="nav-item active">
<a class="nav-link" href="#home">Home <span class="sr-only">(current)</span></a>
</li> -->
<li class="nav-item">
<a class="nav-link" href="index.html#services">What I do</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#about">About me</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#work" tabindex="-1">Projects</a>
</li>
</ul>
</div>
</nav>
</header>
<!-- Project info -->
<section class='intro'>
<h1 class='section__title section__title--intro'>
<strong>The BROG</strong>
</h1>
<!-- <p class="section__subtitle section__subtitle--intro">front-end developer</p> -->
<img src='theBrog.png' alt='Ahaha' class="intro__img">
</section>
<div class='portfolio-item-individual animated fadeInDown delay-.5s'>
<p>This project was a lot of fun, and I still have a lot of work to do, but I have always wanted to create a blog! This is the first time that I used Redux, which was very cool. It is pretty incredible how easy it is to control the state of your application with Redux. Other technologoes used were React, and on the backend, I used node, express, and mongodb. Some future features I am going to add is allowing users to comment on the posts. Currenty, if a user has admin access, they are allowed to create, update and delete their post, but I would like to allow this functionality for the user as well.</p>ß
<p><a href='https://the-brog.herokuapp.com'>Link to Good Morning, a ha ha</a></p>
</div>
<!-- Footer -->
<footer class='footer'>
<a href='mailto:[email protected]' class='footer-link'>[email protected]</a>
<ul class='social-list'>
<li class='social-list__item'>
<a class='social-list__link' href='https://www.linkedin.com/in/braddonakowski/'>
<i class="fab fa-linkedin-in"></i>
</a>
</li>
<li class='social-list__item'>
<a class='social-list__link' href='https://www.github.com/braddonako/'>
<i class="fab fa-github"></i>
</a>
</li>
</ul>
</footer>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous">
</script>
</body>
</html>