-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
140 lines (122 loc) · 5.53 KB
/
index.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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-97077319-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-97077319-2');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>singhofen.github.io | Software Development</title>
<!--singhofen.github.io/favicon.ico-->
<link rel="icon" href="singhofen.github.io/favicon.ico" type="" />
<link rel="icon" href="https://favicon.io/?text=Ch&shape=rounded&fontFamily=Lancelot&fontSize=100&fontColor=%23ffffff&backgroundColor=%230000ff">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
<link href="https://fonts.googleapis.com/css?family=Kalam" rel="stylesheet">
<!-- Bootstrap core CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<!-- Custom css3 styles -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<body class="text-center">
<div class="cover-container d-flex h-100 p-3 mx-auto flex-column">
<header class="masthead mb-auto">
<div class="inner"><br><br>
<h3 class="masthead-brand">software and web development.</h3>
<nav class="nav nav-masthead justify-content-center">
<!-- Added updated .pdf resume on January 23rd, 2019. Note: in order for changes to take effect on website you must change/modify file name and path -->
<!-- Note: file path for .pdf file is URL/.pdf file -->
<!-- <a target="_blank" href="https://singhofenfloridanotary.com/"> -->
<!-- <i class="fas fa-stamp"></i> Notary Service
</a>
<a class="nav-link active" target="_blank" href="https://chasesinghofen.github.io/chasesinghofen/"><i class="fas fa-globe-americas"></i> Portfolio</a>
<a class="nav-link" href="#">Features</a>
<li><a href="mailto:[email protected]" class="text-blue"> Contact <i class="far fa-envelope"></i></a></li> -->
</nav>
</div>
</header>
<main role="main" class="inner cover">
<h3 class="cover-heading">
<i class="fab fa-html5" aria-hidden="true"> </i>
<i class="fab fa-css3" aria-hidden="true"></i>
<i class="fab fa-wordpress" aria-hidden="true"></i>
<i class="fas fa-bold" aria-hidden="true"></i>
<i class="fas fa-database" aria-hidden="true"></i>
</i> HTML Email
</h3>
<h3 class="lead"></h3>
<!-- fa fa social links -->
<div class="icons-social">
<a target="_blank" href="https://github.com/singhofen">
<i class="fab fa-github"></i>
</a>
<a target="_blank" href="https://chasesinghofen.github.io/chasesinghofen/"><i class="fas fa-globe-americas"></i></a>
<a target="_blank" href="https://www.linkedin.com/in/chasesinghofen">
<i class="fab fa-linkedin"></i>
</a>
<a target="_blank" href="https://it-services-web-dev.netlify.app/">
<i class="fas fa-globe"></i>
</a>
<a target="_blank" href="https://codepen.io/csinghofen/">
<i class="fab fa-codepen"></i>
</a>
<a target="_blank" href="https://dev.to/singhofen">
<i class="fab fa-dev"></i>
</a>
</div>
</main><br><br>
<!-- Footer -->
<footer class="mastfoot mt-auto">
<div class="inner">
<p>© 2023 Chase Singhofen</p>
</div>
</footer>
</div>
</div>
<!-- CANVAS CLASS & CDN FOR particles.js -->
<canvas class="background"></canvas>
<script src="https://cdnjs.cloudflare.com/ajax/libs/particlesjs/2.2.2/particles.min.js"></script>
<script src="path/to/particles.min.js"></script>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
<script src="../../assets/js/vendor/popper.min.js"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
<!-- Particle Script -->
<script>
var particles = Particles.init({
selector: ".background",
color: [
"#1d69e2",//blue
"#FFFFFF",//white
"#e8ebed", //pale blue
"#f4ed1f",//yellow
"#5cf41f"//florescent green
],
sizeVaritions: 24,
maxParticles: 65,
connectParticles: true,
responsive: [
{
breakpoint: 620,
options: {
color: "#1d69e2",
maxParticles: 35,
connectParticles: true
}
}
]
});
</script>
<!-- https://marcbruederlin.github.io/particles.js/#documentation -->
</body>
</html>