-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
105 lines (85 loc) · 5.05 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
<!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, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<!-- external style sheet (changes everything) -->
<link rel="stylesheet" type="text/css" href="CSS/default.css">
<link rel="stylesheet" href="CSS/bootstrap.min.css">
<title>Marlon Codes</title>
</head>
<body style="background-color: whitesmoke;">
<!-- Navigation Bar -->
<nav class="navbar navbar-expand-sm navbar-dark" style="background-color: #1D1E1E;">
<div class="container">
<button class="navbar-toggler" type="button"
data-toggle="collapse" data-target="#myTogglerNav"
aria-controls="myTogglerNav"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon bg-dark"></span>
</button>
<a href="index.html" class="navbar-brand">MAMS</a>
<div class="collapse navbar-collapse" id="myTogglerNav">
<div class="navbar-nav">
<a class="nav-item nav-link active" href="index.html">Profile</a>
<a class="nav-item nav-link" href="projects.html">Projects</a>
<a class="nav-item nav-link" href="more.html">More</a>
<div class="dropdown">
<a class="nav-link dropdown-toggle"
data-toggle="dropdown" id="servicesDropdown"
aria-haspopup="true" aria-expanded="false" style="color: #dfdfdf;">Contact</a>
<div class="dropdown-menu" aria-labelledby="servicesDropdown">
<a class="dropdown-item" href="email.html">Email</a>
<a class="dropdown-item" href="https://www.linkedin.com/in/marlonmms/">LinkedIn</a>
</div>
</div> <!-- dropdown -->
</div><!-- navbar -->
</div><!-- collapse -->
</div><!-- container -->
</nav><!-- nav -->
<!-- Page contents -->
<section class="container" style="padding-top: 20px;">
<div class="row">
<!-- col one - profile -->
<div class="col-sm-12 col-lg-6 text-center" style="height: fit-content; width: 100%; background-color: #1D1E1E;">
<img class="rounded" style="width: 300px; height: auto;" src="Images/IMG_9742.png" alt="Picture of Marlon with keyboard">
</div>
<!-- col two - title and about -->
<div class="col-sm-12 col-lg-6 text-center" style="background-color:#ececec;">
<!-- Name and Title -->
<h1 class="text-truncate" style="margin-top: 25px; margin-bottom: 0px;">Marlon Mueller-Soppart</h1>
<h3 class="text-wrap" style="margin-bottom: 50px;">A data focused software engineer</h3>
<!-- about -->
<div class="h2" style="padding-bottom: 55px;">
<a data-toggle="modal" href="#servicesmodal" style="color: rgb(86, 205, 221);" >About</a>
</div>
<!-- modal implementation -->
<div class="modal fade" id="servicesmodal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h6 class="modal-title">Marlon Anthony Mueller-Soppart (1993-????) is a</h6>
<button type="button" class="close"
data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div> <!-- modal header -->
<div class="modal-body">
<p>computer science and marketing degree holder (very soon), <a href="https://drive.google.com/open?id=1iSKMvo5olaxtHeVJnpw0VeKvW6TNbKJC">video maker</a>, and recreational athlete.<br><br></p>
<p>The majority of his <a href="#">formal education</a> took place at the University of Illinois. At UIllinois in 2015, he obtained a marketing degree. In May 2020, he will graduate UIC with a bachelors in computer science. He received high honors at Urbana-Champaign. He also documents what he learns <a href="https://drive.google.com/open?id=1nK8Kd72wkl55Vf9KO6P-UCMdB0CrDPLg21AZ0hQwsxk">informally</a>, to you know... formalize it.<br><br></p>
<p>The title video maker was earned while at Leo Burnett, a global advertising company. During his tenure, he made hundreds of video that were watched millions of times. His style consists of clean edits and cheesy humor. Clients such as Philadelphia Cream Cheese and Cheez-It repeatedly sought him out. Currently, he freelances for start ups as a videographer.<br><br></p>
<p>Marlon has not won any recreational tennis, soccer, or table tennis leagues, but insists on continued participation for the foreseeable future.</p>
</div> <!-- modal body -->
</div> <!-- modal content -->
</div> <!-- modal dialog -->
</div> <!-- modal -->
</div>
</div> <!-- Row div -->
</section>
<script src="js/jquery.slim.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>