-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
145 lines (132 loc) · 7.63 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
141
142
143
144
145
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Oumar Diarra's Resume web page">
<meta name="author" content="Oumar Diarra">
<meta name="referrer" content="origin">
<title>Oumar Diarra</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<!-- Custom styles for this template -->
<link href="./css/cover.css" rel="stylesheet">
</head>
<body class="text-center " data-spy="scroll" data-target=".navbar">
<nav class="navbar fixed-bottom navbar-expand-sm navbar-dark bg-dark centered">
<ul class ="navbar-nav mr-auto nav-masthead">
<li class="nav-item"><a class="nav-link active" href="#home">Home</a></li>
<li class="nav-item"><a class="nav-link" href="#resume">Resume</a></li>
<li class="nav-item"><a class="nav-link" href="#about">About</a></li>
<li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
</ul>
</nav>
<span class="clear "></span>
<div id="home" class="my-cover cover">
<!-- <section id="home" role="main" class="cover "> -->
<div class="content-cover cover-text">
<h1 class="cover-heading">Oumar Diarra</h1>
<p class="lead">Welcome to my site. I am Oumar Diarra, software developer and a recent Southeastern Louisiana University
graduate with a master’s in Integrated Science and Technology with concentration in
Computer Science</p>
<p class="lead">
<a href="#about" class="btn btn-secondary mybtn">Learn more</a>
</p>
</div>
<!-- </section> -->
</div>
<span class="clear "></span>
<section id="resume" class="container-fluid">
<div class=" container-fluid content centered">
<div class="page-header">
<h1 >RESUME </h1>
</div>
<div class="mx-auto p-2 h-100">
<object data="pdfs/resume1.pdf" type="application/pdf" class="centered embed-responsive-item">
<p><b>Example fallback content</b>: This browser does not support PDFs. Please download the PDF to view it: <a href="/pdf/sample-3pp.pdf">Download PDF</a>.</p>
</object>
</div>
</div>
</section>
<span class="clear "></span>
<section id="about" class="container-fluid ">
<div class="container-fluid content centered">
<div class="page-header">
<h1 >ABOUT ME </h1>
</div>
<hr width=40% align="center">
<div class="">
<img src="Images/me_linkedin.jpg" alt="Oumar" class="img-circle" height="150" width="150">
<p>Hello, my name is Oumar Diarra, a recent Southeastern Louisiana University
graduate with a master’s in Integrated Science and Technology with concentration in
Computer Science. In love with the process of developing software, my most valuable asset
is my constant eagerness to learn and grow my skill set. My academic training coupled with
the experiences I have acquired from the various projects I’ve worked on, allowed me to
obtain certain skills that I believe will serve me in any software development position. During my studies in the
ISAT program, I also developed a deep appreciation for research. I am a strong believer of
hard work and constant learning, and I believe these character qualities are
valuable assets .</p>
<p>Throughout the matriculation of my curriculum, I worked on multiple software
development projects. Some of those projects include: Windows-based automation
applications, web applications using the “.NET” framework, and software used to aid in the
management of vehicle maintenance. I also gained experience performing tasks such as:
Frontend development with Emberjs, backend development with java 8, unit testing,
automated browser testing.</p>
<p>I believe the world of software development requires you to balance the standard of
knowledge gathered from academic training along with an individual’s unique skill set
derived from specific experiences in order to pursue and briefly capture the ever fleeting
innovation. </p>
<p>Thank you for your time and attention. I hope you learned a little bit about me. </p>
<p>
Sincerely, <br>
Oumar Diarra
</p>
</div>
</div>
</section>
<span class="clear "></span>
<section id="contact" class="container-fluid cover">
<div class="container-fluid content centered form">
<div class="page-header">
<h1 >CONTACT ME </h1>
</div>
<hr width=40% align="center">
<form role="form" id="contact-form" class="contact-form" >
<div class="row">
<div class="col-md-8 offset-md-2">
<div class="form-group">
<input type="text" class="form-control" name="Name" autocomplete="off" id="name" placeholder="Name" required>
</div>
</div>
<div class="col-md-6 offset-md-2">
<div class="form-group">
<input type="email" class="form-control" name="email" autocomplete="off" id="email" placeholder="E-mail" required>
</div>
</div>
</div>
<div class="row">
<div class="col-md-8 offset-md-2">
<div class="form-group">
<textarea class="form-control textarea" rows="3" name="Message" id="message" placeholder="Message" required></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<input type="submit" class="btn btn-success pull-right" id='submit' value='Send a message'>
</div>
</div>
</form>
</div>
<span></span>
</section>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script type="text/javascript" src="js/email.js">
</script>
</body>
</html>