-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathservices.html
115 lines (104 loc) · 6.31 KB
/
services.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
<!DOCTYPE html>
<html lang="en">
<head>
<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>Marcos Bottino - Services Page</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet" /> <!-- https://fonts.google.com/ -->
<link href="css/bootstrap.min.css" rel="stylesheet" /> <!-- https://getbootstrap.com/ -->
<link href="fontawesome/css/all.min.css" rel="stylesheet" /> <!-- https://fontawesome.com/ -->
<link href="css/templatemo-diagoona.css" rel="stylesheet" />
<!--
TemplateMo 550 Diagoona
https://templatemo.com/tm-550-diagoona
-->
</head>
<body>
<div class="tm-container">
<div>
<div class="tm-row pt-4">
<div class="tm-col-left">
<div class="tm-site-header media">
<i class="fas fa-code fa-3x mt-1 tm-logo"></i>
<div class="media-body">
<h1 class="tm-sitename text-uppercase" style="font-weight: 500; text-shadow: 1px 3px 9px black;">Marcos Bottino</h1>
<p class="tm-slogon" style="font-style: italic;">Software Developer</p>
</div>
</div>
</div>
<div class="tm-col-right">
<nav class="navbar navbar-expand-lg" id="tm-main-nav">
<button class="navbar-toggler toggler-example mr-0 ml-auto" type="button"
data-toggle="collapse" data-target="#navbar-nav"
aria-controls="navbar-nav" aria-expanded="false" aria-label="Toggle navigation">
<span><i class="fas fa-bars"></i></span>
</button>
<div class="collapse navbar-collapse tm-nav" id="navbar-nav">
<ul class="navbar-nav text-uppercase">
<li class="nav-item">
<a class="nav-link tm-nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link tm-nav-link" href="about.html">About</a>
</li>
<li class="nav-item active">
<a class="nav-link tm-nav-link" href="services.html">Services <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link tm-nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div class="tm-row">
<div class="tm-col-left"></div>
<main class="tm-col-right">
<section class="tm-content">
<div class="media my-3 mb-5 tm-service-media tm-service-media-img-l">
<img src="https://img-c.udemycdn.com/organization/W_70/182638_b119.png" alt="Image" class="tm-service-img">
<div class="media-body tm-service-text">
<h2 class="mb-4 tm-content-title">Health Management Solutions</h2>
<p style="font-size: 14px; font-style: italic;">Lead the design of tailored health insurance dashboards for members to access credentials and communicate with healthcare providers during emergencies. Stay current on healthcare software trends, collaborating with the development team to create and maintain systems.</p>
</div>
</div>
<div class="media my-3 mb-5 tm-service-media">
<div class="media-body tm-service-text">
<h2 class="mb-4 tm-content-title">Simpleshow USA</h2>
<p style="font-size: 14px; font-style: italic;">Created interactive online courses for prestigious clients like Mercedes and Philip Morris, closely collaborating with clients to grasp project needs and objectives. Demonstrated versatility by successfully tackling diverse projects across various industries. Worked in tandem with a developer team to ensure top-notch quality and timely course delivery.</p>
</div>
<img style="border-radius: 15px; width: 22%; position: relative;left: 5%;" src="https://media.licdn.com/dms/image/D560BAQF__T88S6MKJQ/company-logo_200_200/0/1680707399546?e=1702512000&v=beta&t=z6KHHk4AweN1sRXFHWIm1PGn2Cp8cdX1B5EDldtZ8Mo" alt="Image" class="tm-service-img-r">
</div>
</section>
</main>
</div>
</div>
<div class="tm-row">
<div class="tm-col-left text-center">
<ul class="tm-bg-controls-wrapper">
<li class="tm-bg-control active" data-id="0"></li>
<li class="tm-bg-control" data-id="1"></li>
<li class="tm-bg-control" data-id="2"></li>
</ul>
</div>
<div class="tm-col-right tm-col-footer">
<footer class="tm-site-footer text-right">
<p class="mb-0">Copyright 2023
| Design: <a rel="nofollow" target="_parent" href="https://www.linkedin.com/in/marcosbottino/" class="tm-text-link">Marcos Bottino</a></p>
</footer>
</div>
</div>
<!-- Diagonal background design -->
<div class="tm-bg">
<div class="tm-bg-left"></div>
<div class="tm-bg-right"></div>
</div>
</div>
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.backstretch.min.js"></script>
<script src="js/templatemo-script.js"></script>
</body>
</html>