-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
138 lines (127 loc) · 6.44 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>About Me</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width", initial-scale="1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
</head>
<body class="bg-light">
<nav class = "navbar navbar-light fixed-top bg-light shadow-sm">
<div class= "container-fluid">
<a class = "navbar-brand fw-bold fs-4" href = "#">
Landon Pattison
</a>
<div class="dropdown">
<button class="btn btn-secondary btn-dark" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
<i class = "fa fa-bars"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="#home">Home</a></li>
<li><a class="dropdown-item" href="#projects">Projects</a></li>
<li><a class="dropdown-item" href="#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<section class = "home py-5" id="home">
<div class = "container-lg">
<div class = "row min-vh-100 align-items-center align-content-center">
<div class = "col-md-6 mt-5 mt-md-0">
<div class ="home-img text-center">
<img src ="profile.jpeg" class="rounded-circle mw-100" alt= "profile image">
</div>
</div>
<div class ="col-md-6 mt-5 mt-md-0 order-md-first">
<div class = "home-text">
<p class = "text-muted mb-1">Hello I'm</p>
<h2 class = "text-uppercase fs-2">Landon Pattison</h2>
<p class ="mt-4 text-muted"> I am currently a student at the University of Texas Dallas
pursuing a degree in Computer Science </p>
<a href = "#projects" class ="btn btn-dark px-3 mt-3">Projects</a>
</div>
</div>
</div>
</div>
</section>
<section class ="projects bg-white py-5" id="projects">
<div class = "container-lg py-4">
<div class = "row justify-content-center">
<div class = "col-lg-8">
<div class = "section-title text-center">
<h2 class = "fw-bold mb-5"> Projects </h2>
</div>
</div>
</div>
<div class ="row">
<div class = "col-md-6 col-lg-4">
<div class = "protfolio-item">
<h3 class = "text-capitalize fs-5 my-2"> Ventilatory Thresholds WatchOS App </h3>
<p>Developed a WatchOS app that allows users to visualize their ventilatory thresholds on their apple watch while
doing cardiorespiratory exercises. The watch reads in the user's heart rate and displays useful information to the user
allowing them to more easily keep track and visualize thresholds.
</p>
</div>
</div>
<div class = "col-md-6 col-lg-4">
<div class = "protfolio-item">
<h3 class = "text-capitalize fs-5 my-2"> Chatbot </h3>
<p>Created a chatbot that connected to a chatroom server. When asked for the weather from a specific
zip code the program would call an API to get the weather then the chatbot would display the weather
for the given zip code in the chatroom.
</p>
</div>
</div>
<div class = "col-md-6 col-lg-4">
<div class = "protfolio-item">
<h3 class = "text-capitalize fs-5 my-2"> Unix Shell </h3>
<p>Created a Unix shell that gets commands from users.
This shell gets input from the user and can handle multiple commands and piping.
It works by parsing the user input into individual words and strings then checks for the
list of commands and if not in the list, executes it as a system command.
</p>
</div>
</div>
<div class = "col-md-6 col-lg-4">
<div class = "protfolio-item">
<h3 class = "text-capitalize fs-5 my-2"> Robotics </h3>
<p>Competed in vex robotics, where we had to work as a team to design, test, and build a
robot to compete in a game against other teams. We went on to qualify for state and worlds.
The robot was designed and programmed autonomously with and without sensors and to a controller
for driver control to pick up cubes then place them down vertically in a corner or onto towers to score points. We
used a notebook that documented the Engineering Design Process.
</p>
</div>
</div>
</div>
</div>
</section>
<section class ="contact bg-white py-5" id="contact">
<div class = "container-lg py-4">
<div class = "row justify-content-center">
<div class = "col-lg-8">
<div class = "section-title text-center">
<h2 class = "fw-bold mb-5"> Contact </h2>
</div>
</div>
</div>
<div class="col-md-6 text-center">
<ul class="list-unstyled mb-0">
<li>
<a href = "mailto:[email protected]"></i><i class="fa fa-envelope fa-3x"></i></a>
</li><br>
<li>
<a href = "https://github.com/LandonPattison"><i class="fa fa-github fa-3x"></i></a>
</li><br>
<li>
<a href = "https://www.linkedin.com/in/landonpattison/"><i class="fa fa-linkedin fa-3x"></i></a>
</li>
</ul>
</div>
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>
</html>