Skip to content

cv #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Elenacola wants to merge 1 commit into
base: main
Choose a base branch
from
Open

cv #1

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
136 changes: 136 additions & 0 deletions cv
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,136 @@
<!doctype html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Elena Portfolio</title>
<link rel="stylesheet" href='./fonts/Inter/Inter Web/inter.css'>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<link rel="stylesheet" href="./css/style.css">
<!--font-->
<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=Special+Elite&display=swap" rel="stylesheet">
<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=Roboto+Mono&display=swap" rel="stylesheet">

<!--fontawesome-->
<script src="https://kit.fontawesome.com/d0861d241f.js" crossorigin="anonymous"></script>
<!-- favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">

</head>

<body>

<div class="container">
<div class="w_cont">

<header>
<!--NAVBAR-->
<nav class="navbar navbar-expand-lg navbar-dark p-md-3" id="nav">
<div class="container">
<a href="#nav" class="navbar-brand logo">&#60;/Elena Bonapitacola &#62;</a>
<button type="button" class="navbar-toggler" data-bs-target="#navbarNav"
data-bs-toggle="collapse" aria-controls="navbarNav" aria-expanded="false"
aria-label="Toggle Navbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<div class="mx-auto"></div>
<!--logo a sx link a dx-->
<ul class="navbar-nav">
<li class="nav-item">
<a href="#about-me" class="nav-link text-white lightgreen">About me</a>
</li>
<li class="nav-item">
<a href="#proj" class="nav-link text-white lightgreen">Projects</a>
</li>

<!-- <li class="nav-item">
<a href="#contact" class="nav-link text-white lightgreen">Contact</a>
</li> -->
</ul>
</div>
</div>

</nav>
</header>
<main id="main-content" class="pt-5 text-center">
<div class="container">
<div class="text-start">
<div class="h2-container">
<p class="greating"><span class="icon">👋</span>Hey! I'm...</p>
<h2 class="name typed-out">Elena Bonapitacola</h2>
</div>
<div class="subtitle-container">
<h1 class="t-white title"> <span class="">I try to become a full stack developer </span><span class="marked">
</span> </h1>
</div>
<div class="icons-text mt-4">

</div>
</div>
<div id="button-group" class="text-start fade-bottom">

<a href="https://www.linkedin.com/in/elenaingegneria/"><button class="button-main"><i
class="fa-brands fa-linkedin style-ico blue mlfi"></i>linkedin</button></a>
<a
href="mailto:elena.bonapitacola@gmail.com "><button
class="button-main"><i
class="fa-solid fa-envelope pink style-ico mlfi"></i>Email</button></a>

</div>
</div>
</main>
<br>

<section id="aboutMe">
<h3 class="t-white title-section" id="about-me">About me</h3>
<hr>
<div class="row">
<div class="col-md-7">
<p class="t-white p-text">Hello!<br> My name is <span class="lgreen"> Elena Bonapitacola</span>,
I live in Italy, but working in smart working I like to travel with my faithful dog, Rabber,
an English setter.
I work as a consultant in an IT company,
based in Milan, but as a self-taught I train with online
training courses because I am the future.
I like to create things that are useful to people.
</p>
</div>
</div>

</section>
<section id="aboutMe">
<h3 class="t-white title-section" id="proj">My studies</h3>
<hr>
<p class="t-white title-section">Laurea in Ingegneria Edile presso - Roma Tor vergata

<br>
HTML, CSS, Javascript,MySQL,Sql Developer, Android
<br>
<br>Corso di Marketing in Los Angeles presso M-Acceleretor -accelerator Start-up
<br>
<br>Corsi per la gestione dati su Udemy
<br>
</section>
<section id="aboutMe">
<h3 class="t-white title-section" id="proj">skills</h3>
<hr>
<p class="t-white title-section">Back End Development,
Front End Development ,Android Basic App, HTML 5 / CSS 3 ,Javascript, PHP ,
</p>

</section>
<section id="aboutMe">
<h3 class="t-white title-section" id="proj">my projects</h3>
<hr>

<div class="row">