-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
128 lines (125 loc) · 5.35 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
<!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" />
<meta name="description" content="Carl Lewis is a Lead frontend engineer with experience in building web applications using Vue.js and Nuxt. He also with experience in building mobile applications using React Native." />
<meta property="og:type" content="website" />
<meta property="og:title" content="Carl Lewis | Front-End Developer" />
<meta property="og:url" content="https://carllewisc.github.io/" />
<meta property="og:image" content="./assets/images/meta_image.png" />
<meta property="og:description" content="Carl Lewis is a Lead frontend engineer with experience in building web applications using Vue.js and Nuxt. He also with experience in building mobile applications using React Native." />
<meta property="og:locale" content="en_US" />
<title>Carl Lewis</title>
<link rel="stylesheet" href="./assets/css/reset.css" />
<link rel="stylesheet" href="./assets/css/styles.css" />
<script src="https://kit.fontawesome.com/4091e5f85b.js"></script>
</head>
<body>
<header class="header">
<h1>Carl Lewis</h1>
<button>
<a href="#contact">Contact me</a>
</button>
</header>
<main class="main_container">
<div class="switch switch--dark" id="switchContainer">
<button title="switch to light mode" class="switch__button" id="lightMode">
<img
src="./assets/images/sun.svg"
class="switch__image"
alt="light"
/>
</button>
<button title="switch to dark mode" class="switch__button switch__button--dark--hidden switch__button--dark" id="darkMode">
<img
src="./assets/images/moon.svg"
class="switch__image"
alt="dark"
/>
</button>
</div>
<section class="landing_section">
<div class="faded_section_name">
<h1>DEV_</h1>
<h1>ELOPER</h1>
</div>
<div class="landing_intro">
<h1>Hello<span class="red">.</span></h1>
<h1>I</h1>
<h1>am</h1>
<h1>Carl Lewis</h1>
</div>
<div class="landing_transformed_text">
<p>Front-End Developer based in Venezuela</p>
</div>
</section>
<section class="about_me_section">
<div class="faded_section_name">
<h1>ABOUT</h1>
</div>
<div class="about_main">
<div class="skills">
<h2>Skills</h2>
<ul>
<li>Reactjs</li>
<li>Nuxtjs</li>
<li>Vuejs</li>
<li>JavaScript</li>
<li>CSS</li>
<li>HTML</li>
</ul>
</div>
<div class="about_info_short">
<h2>About me<span class="red">:</span></h2>
<p>I love creating things on the web.</p>
</div>
<div class="about_info_long">
<p>
I'm a Front end developer that enjoys building things on the web.
</p>
<p>
I majorly build web applications using JavaScript, and Vue, it is by far my favourite framework for building web applications. I have a good understanding of HTML and CSS, I like to think I'm very good at converting UI mockups to code using them. I can
also build Server-side rendered applications using Nuxtjs, a Vuejs framework for SSR. I also have a good understanding of using React.js to build SPAs.
</p>
<p>I suck at design, so I don't try to..believe me, I've tried.</p>
<p>
These days, I work with the awesome people @
<a
target="_blank"
rel="noopener noreferrer"
class="link__text"
>CableData</a
>, where I lead the frontend team.
</p>
</div>
</div>
</section>
<section id="contact" class="contact_me">
<div class="faded_section_name">
<h1>CONTACT</h1>
</div>
<h1>Let's discuss your Project</h1>
<p>
If you want to work with me on your project, feel free to send a
<a href="mailto:carllewiscastillo@gmail.com">mail</a>, I'd be sure to reply.
</p>
</section>
</main>
<footer class="footer">
<div class="social_icons">
<a href="https://linkedin.com/in/carllewisc" target="_blank" rel="noopener noreferrer">
<i class="fab fa-linkedin-in"></i>
</a>
<a href="https://instagram.com/carllewis_c" target="_blank" rel="noopener noreferrer">
<i class="fab fa-instagram"></i>
</a>
<a href="https://github.com/carllewisc" target="_blank" rel="noopener noreferrer">
<i class="fab fa-github"></i>
</a>
</div>
</footer>
<script src="./assets/js/script.js"></script>
</body>
</html>