-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
114 lines (110 loc) · 7.65 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Karna Cutolo</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-------link to jQuery file-->
<script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-------link to CSS Reset file-->
<link rel="stylesheet" type="text/css" href="Assets/CSS/Reset.css">
<!-- link to the custom css file -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<link type="text/css" rel="stylesheet" href="Assets/CSS/material.css" media="screen,projection"/>
<link href="Assets/CSS/style.css" rel="stylesheet" >
<!-------link to Fontawesome-->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css">
<!-------link to GoogleFonts-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Rock+Salt&display=swap" rel="stylesheet">
</head>
<body>
<header>
<!-- Navbar (sit on top) -->
<nav>
<div class="nav-wrapper">
<a href="index.html" class="nameBar" style="margin: 0; padding-left: 10px;">Karna Cutolo</a>
<a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class=
"material-icons" style= "color: #3f51b5;">menu</i></a>
<ul class="right hide-on-med-and-down" id="nav-mobile">
<li><a href="index.html">About</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</nav>
<ul class="right sidenav" id="mobile-demo">
<li><a href="index.html">About</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</header>
<main class="container" style="background-color: #ffffff; margin-top: 20px;
margin-bottom: 20px;">
<div class="row" style="margin-bottom: 0;">
<div class="col m5 s12" style="margin-left: 30px; margin-top: 30px; padding-top: 10.5; padding-right: 0 !important;">
<img src="./Assets/Images/Selfie1.jpg" class="circle img-responsive;" alt="My Photo" id="self-Image"
width= "250" height= "250">
</div>
<div class="col m6 s12">
<span class="card-title" style="margin-left: 0px;font-size: 35px;
font-weight: bold;">About Me</span>
<p class="para">
Welcome! Raised in an Italian kitchen, it will always be
my place of refuge. I love all things "food." Sunday dinners,
Christmas baking, family gatherings...I'm in! I gravitate towards
the puzzle, the hunt for the solution. It travels through
everything I am. I began my career in retail and transitioned into
Operations - where everyday is an adventure, a puzzle in search of a
solution. I continue that quest as move into the next phase of my career
journey - web development. There I hope to couple new skills with honed
skills and create a new career path.
</p>
</div>
</div>
<div class="row">
<div class="col s12">
<p class="para">
As a forward-thinking Web Developer, I bring with me years of expertise in operations and customer service management. Cultivating rapport with individuals to optimize project goals and output, resolve complex problems and deliver innovative improvement strategies. Proficient in Visual Studio Code and passionate about developing realistic solutions to assure satisfactory consumer and customer experiences, I enter web development with a fluency of languages and a commitment to growth and proficiency. Professionally adaptable and an organized professional with a demonstrated ability to streamline processes and improve throughput through continuous modifications and cross-functional collaboration for efficiency and productivity. I enter the next phase of my professional career with a strong history of devising precise and targeted business operations plans, managing multifaceted areas, reviewing performance and driving change. Always energetically addressing customer requests and concerns to provide relevant information and options while handling difficult situations with grace through resourcefulness and adaptability. I have and will continue to persistently shape high-performing teams and while inspiring those around me to achieve personal as well as professional goals.
</p>
</div>
</div>
</main>
<div>
<div class="row center-align" id="techInfo" style="padding-top: 10px; margin: 0px; font-size: 14px; color: #04166e;">
<a href="#" target="_blank"><i class="fab fa-html5 fa-3x" id="techIcon"></i> </a>
<a href="#" target="_blank"><i class="fab fa-css3-alt fa-3x" id="techIcon"></i> </a>
<a href="https://www.javascript.com/" target="_blank"><i class="fab fa-js fa-3x" id="techIcon"></i> </a>
<a href="https://nodejs.org/en/" target="_blank"><i class="fab fa-node fa-3x" id="techIcon"></i> </a>
<a href="https://www.mysql.com" target="_blank">
<img src="./Assets/Images/mysql.png" class="circle img-responsive;" alt="MySql" id="techIcon2" width= "95" height= "95"></a>
</div>
</div>
<footer class="page-footer">
<div class="container col s12">
<div class="row center-align" id="socLinks" style="margin: 0px; font-size: 16px;
font-weight: bold;">
<a href="https://github.com/karna1014/" target="_blank"><i class="fab fa-github"
id="ftrIcon"></i> </a>
<a href="./Assets/Images/karna-cutolo.pdf" target="_blank"><i class="fas fa-file"
id="ftrIcon"></i> </a>
<a href="https://linkedin.com/in/karnacutolo/" target="_blank"><i class="fab fa-linkedin"
id="ftrIcon"></i> </a>
<div class="row center-align" id="info" style="padding-top: 10px; margin: 0px; font-size: 14px;
color: #04166e;">karna.cutolo@gmail.com | 484.557.9965</div>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container center-align" id="ftrCpy" style="width: 100%;
color: #04166e; padding: 0px;">Copyright ©2019 All rights reserved |
This is my Portfolio
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src= "script.js"></script>
<script type="text/javascript" src="./materialize.js"></script>
</body>
</html>