-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathgeneric.html
157 lines (141 loc) · 7.2 KB
/
generic.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--==================== UNICONS ====================-->
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css">
<!--==================== SWIPER CSS ====================-->
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
<!--==================== CSS ====================-->
<link rel="stylesheet" href="assets/css/style.css">
<title>Responsive Website Alexa</title>
</head>
<body>
<!--==================== HEADER ====================-->
<header class="header" id="header">
<nav class="nav container">
<a href="#" class="nav__logo">Alexa</a>
<div class="nav__menu" id="nav-menu">
<ul class="nav__list grid">
<li class="nav__item">
<a href="#home" class="nav__link active-link">
<i class="uil uil-estate nav__icon"></i>Home
</a>
</li>
<li class="nav__item">
<a href="#about" class="nav__link">
<i class="uil uil-user nav__icon"></i>About
</a>
</li>
<li class="nav__item">
<a href="#portfolio" class="nav__link">
<i class="uil uil-scenery nav__icon"></i>Portfolio
</a>
</li>
</ul>
<i class="uil uil-times nav__close nav__icon" id="nav-close"></i>
</div>
<div class="nav__btns">
<i class="uil uil-moon change-theme" id="theme-button"></i>
<div class="nav__toggle" id="nav-toggle">
<i class="uil uil-apps nav__icon"></i>
</div>
</div>
</nav>
</header>
<main class="main">
<section class="wrapper section" id="wrapper">
<h1 class="section__title">Portfolio</h1>
<span class="section__subtitle">Some of my projects</span>
<div class="wrapper__container container grid">
<div class="box">
<div class="box__img">
<img src="assets/img/testimonial2.jpg">
</div>
<div class="box__content">
<h4 class="box__title">What is Lorem Ipsum?</h4>
<p class="box__description">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
</div>
</div>
<div class="box">
<div class="box__img">
<img src="assets/img/testimonial3.jpg">
</div>
<div class="box__content">
<h4 class="box__title">What is Lorem Ipsum?</h4>
<p class="box__description">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
</div>
</div>
<div class="box">
<div class="box__img">
<img src="assets/img/testimonial1.jpg">
</div>
<div class="box__content">
<h4 class="box__title">What is Lorem Ipsum?</h4>
<p class="box__description">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
</div>
</div>
</div>
</section>
</main>
<!--==================== FOOTER ====================-->
<footer class="footer">
<div class="footer__bg">
<div class="footer__container container grid">
<div>
<span class="footer__title">Alexa | </span>
<span class="footer__subtitle">Front-End Developer</span>
</div>
<ul class="footer__links">
<li>
<a href="#services" class="footer__link">Services</a>
</li>
<li>
<a href="#portfolio" class="footer__link">Portfolio</a>
</li>
<li>
<a href="#contact" class="footer__link">Contact Me</a>
</li>
</ul>
<div class="footer__socials">
<a href="" class="footer__social">
<i class="uil uil-linkedin"></i>
</a>
<a href="" class="footer__social">
<i class="uil uil-github"></i>
</a>
</div>
</div>
<p class="footer__copy">
Made with <span style="color: #e25555;">♥</span> by
<a href="https://www.linkedin.com/in/karulina/" target="_blank">Karulina Alencar de Freitas</a>
<br>
Based on <a href="https://github.com/bedimcode/responsive-portfolio-website-Alexa" target="_blank">Responsive Personal Website Alexa</a> by <a href=" https://github.com/bedimcode" target="_blank">Bedimcode</a>
<br>
Copyright © 2021 Karulina Alencar de Freitas. All rights reserved.
</p>
</div>
</footer>
<!--==================== SCROLL TOP ====================-->
<a href="#" class="scrollup" id="scroll-up">
<i class="uil uil-arrow-up scrollup__icon"></i>
</a>
<!--==================== SWIPER JS ====================-->
<script src="assets/js/swiper-bundle.min.js"></script>
<!--==================== MAIN JS ====================-->
<script src="assets/js/main.js"></script>
</body>
</html>