-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
173 lines (170 loc) · 9.46 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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Google Fots -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<!-- Remixicon Icon -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet">
<!-- Remixicon Icon -->
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"/>
<!-- Main CSS -->
<link href="assets/css/main.css" rel="stylesheet">
<title>Borstein - Dark theme resume template</title>
</head>
<body>
<!-- header -->
<header class="ds-header">
<div class="container">
<div class="ds-logo">
<a href="index.html">Borstein</a>
</div>
</div>
</header>
<!-- header -->
<!-- banner -->
<section class="ds-banner">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 col-md-6 col-lg-7 col-xl-7 col-xxl-7 ds-banner-left">
<h1 class="ds-banner-hed">
I’m a software developer from Austin, Texas.
</h1>
<ul class="ds-social">
<li><a href="#" target="_blanck"><i class="ri-github-fill"></i></a></li>
<li><a href="#" target="_blanck"><i class="ri-stack-overflow-line"></i></a></li>
<li><a href="#" target="_blanck"><i class="ri-linkedin-fill"></i></a></li>
</ul>
</div>
<div class="col-12 col-sm-12 col-md-6 col-lg-5 col-xl-5 col-xxl-5">
<figure>
<img src="assets/images/banner-image.png" class="ds-image-shadow">
<figcaption>Josue Borstein</figcaption>
</figure>
</div>
</div>
</div>
</section>
<!-- banner -->
<!-- resume -->
<section class="ds-resume-section">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6">
<h2>I am passionate about building excellent software that improves the lives </h2>
</div>
<div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6">
<p>I am a seasoned software expert who has developed products for enterprise clients such as Intuit, Yale University, and Hewlett-Packard (HP), as well as many venture-backed businesses. I specialize in building applications specific to the business needs of my clients. I have done work in software development, mobile app creation, front-end/back-end web, database/server management, graphic design, and video game development.</p>
<a href="#" class="ds-download-button">Download Resume <i class="ri-download-line"></i></a>
</div>
</div>
</div>
</section>
<!-- projects -->
<section class="ds-projects-section">
<div class="container">
<h2><span>projects</span>Check out a few of my recent project.</h2>
<div class="row ds-projects-listing-section">
<div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 col-xxl-4 ds-projects-loop">
<figure>
<a href="#" class="ds-link-button"><i class="ri-external-link-line"></i></a>
<img src="assets/images/projects-1.png" class="ds-image-shadow transition">
</figure>
<section>
<h3>Roambi</h3>
<span>Mobile app for news feed.</span>
</section>
</div>
<div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 col-xxl-4 ds-projects-loop">
<figure>
<a href="#" class="ds-link-button"><i class="ri-external-link-line"></i></a>
<img src="assets/images/projects-2.png" class="ds-image-shadow transition">
</figure>
<section>
<h3>3d ricks</h3>
<span>Mobile gaming app for kids.</span>
</section>
</div>
<div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 col-xxl-4 ds-projects-loop">
<figure>
<a href="#" class="ds-link-button"><i class="ri-external-link-line"></i></a>
<img src="assets/images/projects-3.png" class="ds-image-shadow transition">
</figure>
<section>
<h3>Bubbles</h3>
<span>Dark UI Elements</span>
</section>
</div>
</div>
</div>
</section>
<!-- projects -->
<!-- testimonials -->
<section class="ds-testimonials-section">
<div class="container">
<h2><span>Testimonials</span></h2>
<div class="ds-testimonials-slider">
<div class="ds-testimonials-loop">
<article>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quis sem maximus, ornare metus ut, congue enim. Sed fermentum nulla tellus, quis efficitur mauris tristique efficitur. Aliquam rhoncus sem sed ullamcorper venenatis. Aenean malesuada eu orci non sodales. Pellentesque facilisis lacus libero, et gravida velit imperdiet ut. Etiam tempor purus eu erat accumsan hendrerit. Phasellus eu ipsum libero. Curabitur consectetur consequat nisi ac pellentesque facilisis lacus congue.
</article>
<section>
<span class="ds-name">Johnathan Hudi</span>
<span class="ds-post">Program manager URI tech</span>
</section>
</div>
<div class="ds-testimonials-loop">
<article>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quis sem maximus, ornare metus ut, congue enim. Sed fermentum nulla tellus, quis efficitur mauris tristique efficitur. Aliquam rhoncus sem sed ullamcorper venenatis. Aenean malesuada eu orci non sodales. Pellentesque facilisis lacus libero, et gravida velit imperdiet ut. Etiam tempor purus eu erat accumsan hendrerit. Phasellus eu ipsum libero. Curabitur consectetur consequat nisi ac pellentesque facilisis lacus congue.
</article>
<section>
<span class="ds-name">Johnathan Hudi</span>
<span class="ds-post">Program manager URI tech</span>
</section>
</div>
<div class="ds-testimonials-loop">
<article>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quis sem maximus, ornare metus ut, congue enim. Sed fermentum nulla tellus, quis efficitur mauris tristique efficitur. Aliquam rhoncus sem sed ullamcorper venenatis. Aenean malesuada eu orci non sodales. Pellentesque facilisis lacus libero, et gravida velit imperdiet ut. Etiam tempor purus eu erat accumsan hendrerit. Phasellus eu ipsum libero. Curabitur consectetur consequat nisi ac pellentesque facilisis lacus congue.
</article>
<section>
<span class="ds-name">Johnathan Hudi</span>
<span class="ds-post">Program manager URI tech</span>
</section>
</div>
</div>
</div>
</section>
<!-- testimonials -->
<section class="ds-email-section">
<div class="container">
<h2>I'm available for work</h2>
<a href="mailto:[email protected]">[email protected]</a>
</div>
</section>
<!-- footer -->
<footer class="ds-footer">
<div class="container">
<span class="ds-copyright">© 2020 All right reserved. <br><a href="https://www.designstub.com/" target="_blanck">Free minimal bootstrap template by Designstub.</span>
</div>
</footer>
<!-- footer -->
<!-- Optional JavaScript; choose one of the two! -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
-->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>