-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
185 lines (160 loc) · 9.73 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
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
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<?xml version="1.0" encoding="utf-8"?>
<!--========== BOX ICONS ==========-->
<link href='https://cdn.jsdelivr.net/npm/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<!--========== CSS ==========-->
<link rel="stylesheet" href="assets/css/styles.css">
<title>GBA</title>
</head>
<body>
<!--========== SCROLL TOP ==========-->
<a href="#" class="scrolltop" >
<i class='bx bx-chevron-up scrolltop__icon'></i>
</a>
<!--========== HEADER ==========-->
<header class="one-header" >
<nav class="nav bd-container">
<a href="#" class="nav__logo">Gaby's Business Affairs</a>
<div class="nav__menu" id="nav-menu">
<ul class="nav__list">
<li class="nav__item"><a href="#" class="nav__link active-link">Home</a></li>
<li class="nav__item"><a href="blog/index.html" class="nav__link">Blog</a></li>
<li class="nav__item"><a href="#about" class="nav__link">About</a></li>
<li><i class='bx bx-moon change-theme' id="theme-button"></i></li>
</ul>
</div>
<div class="nav__toggle" id="nav-toggle">
<i class='bx bx-menu'></i>
</div>
</nav>
</header>
<main class="one-main">
<!--========== HOME ==========-->
<section class="home" id="home">
<div class="home__container bd-container bd-grid">
<div class="home__data">
<h2 class="home__subtitle">Take control of <br> your business.</h2>
<a href="#channels" class="button">View Knowledge Center</a>
</div>
<img src="assets/img/squirrel-img.jpg" alt="standing squirrel" class="home__img">
</div>
</section>
<!--========== INFORMATION CHANNELS ==========-->
<section class="channels section bd-container" id="channels">
<span class="section-subtitle">Explore</span>
<h2 class="section-title">The Knowledge Center</h2>
<div class="channels__container bd-grid">
<div href="#"class="channels__content">
<svg class="channels__img" xmlns="http://www.w3.org/2000/svg">
<path d="M64,4c0-2.209-1.791-4-4-4h-4c-1.657,0-3,1.344-3,3s1.343,3,3,3h2v32H40c-0.593,0-1.161,0.094-1.701,0.254
C36.58,36.851,34.393,36,32,36s-4.58,0.851-6.299,2.254C25.161,38.094,24.593,38,24,38H6V6h2c1.657,0,3-1.344,3-3S9.657,0,8,0H4
C1.791,0,0,1.791,0,4v39h0.09C0.035,43.326,0,43.658,0,44v8c0,6.627,5.373,12,12,12h6c6.627,0,12-5.373,12-12v-8
c0-0.462-0.058-0.91-0.156-1.342C30.466,42.25,31.199,42,32,42s1.534,0.25,2.156,0.658C34.058,43.09,34,43.538,34,44v8
c0,6.627,5.373,12,12,12h6c6.627,0,12-5.373,12-12v-8c0-0.342-0.035-0.674-0.09-1H64V4z M2,4c0-1.104,0.896-2,2-2h4
c0.553,0,1,0.447,1,1S8.553,4,8,4H5C4.447,4,4,4.447,4,5v33.349c-0.746,0.265-1.423,0.671-2,1.188V4z M28,52
c0,5.522-4.477,10-10,10h-6C6.478,62,2,57.523,2,52v-8c0-2.209,1.791-4,4-4h18c2.209,0,4,1.791,4,4V52z M34.943,40.78
C34.073,40.288,33.072,40,32,40s-2.073,0.288-2.943,0.78c-0.368-0.577-0.836-1.081-1.373-1.501C28.93,38.475,30.406,38,32,38
s3.07,0.475,4.316,1.279C35.779,39.699,35.312,40.203,34.943,40.78z M62,52c0,5.522-4.477,10-10,10h-6c-5.522,0-10-4.477-10-10v-8
c0-2.209,1.791-4,4-4h18c2.209,0,4,1.791,4,4V52z M62,39.537c-0.577-0.518-1.254-0.924-2-1.188V5c0-0.553-0.447-1-1-1h-3
c-0.553,0-1-0.447-1-1s0.447-1,1-1h4c1.104,0,2,0.896,2,2V39.537z"/>
<path fill="#231F20" d="M59,51c-0.553,0-1,0.447-1,1c0,3.313-2.687,6-6,6c-0.553,0-1,0.447-1,1s0.447,1,1,1c4.418,0,8-3.582,8-8
C60,51.447,59.553,51,59,51z"/>
<path fill="#231F20" d="M25,51c-0.553,0-1,0.447-1,1c0,3.313-2.687,6-6,6c-0.553,0-1,0.447-1,1s0.447,1,1,1c4.418,0,8-3.582,8-8
C26,51.447,25.553,51,25,51z"/>
</svg>
<h3 class="channels__title"><a href="blog/index.html">Blog</a></h3>
<p class="channels__description">View this repository of articles covering various business and technology, related topics.</p>
</div>
<div class="channels__content">
<svg class="channels__img" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M57,39.998V40h-1V29.998c0.553,0,1-0.447,1-1v-4c0-13.807-11.193-25-25-25s-25,11.193-25,25v4
c0,0.553,0.447,1,1,1v10H7c-3.866,0-7,3.134-7,7V57c0,3.865,3.134,7,7,7v-0.002h5c2.211,0,4-1.789,4-4v-16
c0-1.479-0.809-2.754-2-3.445V29.998c0.553,0,1-0.447,1-1v-4c0-9.389,7.611-17,17-17s17,7.611,17,17v4c0,0.553,0.447,1,1,1v10.555
c-1.191,0.693-2,1.968-2,3.447v16c0,2.211,1.789,4,4,4h5c3.866,0,7-3.135,7-7V46.998C64,43.132,60.866,39.998,57,39.998z M6,61.898
C3.718,61.435,2,59.418,2,57V46.998c0-2.419,1.719-4.436,4-4.899V61.898z M14,59.998c0,1.104-0.896,2-2,2H8v-20h4
c1.104,0,2,0.896,2,2V59.998z M10,39.998v-10h2v10H10z M32,5.998c-10.493,0-19,8.506-19,19v3H9v-3c0-12.703,10.298-23,23-23
s23,10.297,23,23v3h-4v-3C51,14.504,42.493,5.998,32,5.998z M54,29.998V40h-2V29.998H54z M56,62h-4c-1.104,0-2-0.896-2-2V44
c0-1.105,0.896-2,2-2h4V62z M62,57c0,2.418-1.719,4.435-4,4.898v-19.8c2.282,0.464,4,2.481,4,4.899V57z"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="64" height="64" fill="white"/>
</clipPath>
</defs>
</svg>
<h3 class="channels__title">Podcast</h3>
<p class="channels__description">Stay tuned for upcoming stories of business owners. Coming pronto in Summer 2024.</p>
</div>
<div class="channels__content">
<svg class="channels__img" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M60,0H4C1.789,0,0,1.789,0,4v56c0,2.211,1.789,4,4,4h56c2.211,0,4-1.789,4-4V4C64,1.789,62.211,0,60,0z
M52,2v29H12V2H52z M2,4c0-1.104,0.896-2,2-2h6v9H2V4z M2,13h8v8H2V13z M2,23h8v8H2V23z M2,33h8v8H2V33z M2,43h8v8H2V43z M4,62
c-1.104,0-2-0.896-2-2v-7h8v9H4z M12,62V33h40v29H12z M62,60c0,1.104-0.896,2-2,2h-6v-9h8V60z M62,51h-8v-8h8V51z M62,41h-8v-8h8V41
z M62,31h-8v-8h8V31z M62,21h-8v-8h8V21z M62,11h-8V2h6c1.104,0,2,0.896,2,2V11z"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="64" height="64" fill="white"/>
</clipPath>
</defs>
</svg>
<h3 class="channels__title">Video</h3>
<p class="channels__description">Learn through tutorials, info. vlogs, and more. Anticipated roll out of Winter 2024.</p>
</div>
</div>
</section>
<!--========== ABOUT ==========-->
<section class="about section bd-container" id="about">
<div class="about__container bd-grid">
<div class="about__data">
<span class="section-subtitle about__initial">About</span>
<h2 class="section-title about__initial">Gabriela <br> Estrada</h2>
<p class="about__description">Sharing knowledge about anything business and technology . </p>
<a href="https://www.linkedin.com/in/gaby-estrada" target="_blank" class="button">LinkedIn Profile</a>
</div>
<img src="assets/img/ge-profile-img.png" alt="" class="about__img">
</div>
</section>
</main>
<!--========== FOOTER ==========-->
<footer class="footer section bd-container">
<div class="footer__container bd-grid">
<div class="footer__content">
<a href="#" class="footer__logo">Gaby's Business Affairs</a>
<div>
<a href="https://www.linkedin.com/in/gaby-estrada" target="_blank" class="footer__social"><i class='bx bxl-linkedin'></i></a>
<a href="https://www.pinterest.com/gaby_122/" target="_blank" class="footer__social"><i class='bx bxl-pinterest'></i></a>
<a href="https://www.instagram.com/gabyestrada43/" target="_blank" class="footer__social"><i class='bx bxl-instagram'></i></a>
</div>
</div>
<div class="footer__content">
<h3 class="footer__title">Special Thanks</h3>
<ul>
<li>Github | <a href="https://github.com/bedimcode">@Bedimcode</a></li>
<li>Unsplash | <a href="https://unsplash.com/@onderortel">@onderortel</a></li>
<li>SVG Repo</li>
</ul>
</div>
<div class="footer__content">
<h3 class="footer__title">Contact</h3>
<ul>
<li>(409) 996 5395</li>
<li>[email protected]</li>
</ul>
</div>
</div>
<p class="footer__copy">©<script>document.write(new Date().getFullYear())
</script></script> | Gaby's Business Affairs. All rights reserved. </p>
</footer>
<!--========== SCROLL REVEAL ==========-->
<script src="https://unpkg.com/scrollreveal"></script>
<!--========== MAIN JS ==========-->
<script src="assets/js/main.js"></script>
</body>
</html>