beatrizafernandes.github.io/index.html at main · BeatrizAFernandes/beatrizafernandes.github.io · GitHub

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
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
    <link rel="icon" href="./favicon.ico" type="image/x-icon">

    <title>Beatriz's Personal Webpage</title>

    <!-- meta tags for SEO and social sharing -->
    <link rel="canonical" href="https://portfolio-atomic.glitch.me/" />
    <meta name="description" content="My Cool Portfolio" />
    <meta name="robots" content="index,follow" />
    <meta property="og:title" content="Portfolio" />
    <meta property="og:type" content="article" />
    <!-- <meta property="og:url" content="your url here" /> -->
    <meta property="og:description" content="My Cool Portfolio" />

    <!-- import bootstrap library-->
    <link
      rel="stylesheet"
      href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
      integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
      crossorigin="anonymous"
    />

    <!-- import font-->
    <link
      href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap"
      rel="stylesheet"
    />

    <!-- import the webpage's stylesheet -->
    <link rel="stylesheet" href="style.css" />

    <!-- import the webpage's javascript file -->
    <script src="script.js" defer></script>
  </head>

  <body>
    <div class="header-content">
      <div class="header-logo">
        <img src="assets/logo.png" alt="Logo Image" size="700px" />
      </div>
      <nav class="header-navigation">
        <ul class="header-links">
          <li><a href="#about">About</a></li>
          <li><a href="#Background">Background</a></li>
          <li><a href="#contacts">Contacts</a></li>
        </ul>
      </nav>
    </div>
    <!-- the wrapper and content divs set margins and positioning -->
    <div class="wrapper">
      <div class="container" role="main">
        <!-- this is the start of content for our page -->
        <section class="row intro">
          <div class="col-xs-12 col-sm-12 col-md-6">
            <h1 class="title">Hi, I'm Beatriz</h1>
            <p>
              <strong> HR Warrior. Intrapreneur. Pop culture nerd. </strong>
              I'm an
              <span> HR Business Advisor, </span>
              a lifelong learner and a people person. My superpowers are helping folks with their careers and gathering wisdom nuggets from TV series, books and movies.
            </p>
            <a href="https://www.linkedin.com/in/anabeatrizfernandes" class="button button-primary"> LinkedIn </a>
            <a href="https://github.com/BeatrizAFernandes" class="button button-secondary"> Github</a>
          </div>
          <div class="col-sm-12 col-md-6">
            <img
              src="assets/dev.png"
              alt="Illustration of woman's imagination with plants and a red lump"
              class="intro-img"
            />
          </div>
        </section>
        <!-- About -->
        <section class="row about" id="about">
          <div class="col-12">
            <h2 class="heading">About me</h2>
          </div>
          <div class="col-sm-12 col-lg-6">
            <div class="about-img">
              <img src="assets/Fotobea.jpg" alt="Picture of Beatriz" />
            </div>
          </div>
          <div class="col-sm-12 col-lg-6 d-flex align-items-center">
            <p class="about-text">
              Human Resources Management Master with diverse experience with HR processes and strategy in technology and consulting settings. Communicator by nature, eager to learn and passionate about progressive HR initiatives. Curious about personal development, career planning, HR analytics and digitalization, employee experience and talent management. Devoted <a href="https://open.spotify.com/user/1166817554"; style="color:#C45C5C"> playlist</a> curator, <a href="https://www.goodreads.com/anabeatrizfernandes"; style="color:#C45C5C"> book</a> enthusiast, trying to make sense of the world through <a href="https://medium.com/@beatrizfernandeshr"; style="color:#C45C5C"> writing</a>.
            </p>
          </div>
        </section>

        ></a>

        <!-- Projects -->
        <section class="Background" id="Background">
          <div class="row">
            <div class="col-12">
              <h2 class="heading">Background</h2>
            </div>
          </div>
          <div class="row">
            <div class="col-sm-12 col-md-6 col-lg-4 mb-5">
              <div class="project-card">
                <div class="project-card-image">
                  <a href="https://www.editvalue.com/pt/beatriz-fernandes">
                  <img src="assets/projects/project1.jpg" /></a>
                </div>
                <div class="project-card-content">
                  <h3 class="project-card-title">HR Business Advisor @ Edit Value</h3>
                  <p class="project-card-text">
                    I provide holistic and personalized HR support to 15 SME clients in diverse areas, accompanying the full employee lifecycle and attending for business and sector needs.
                  </p>
                </div>
              </div>
            </div>
            <div class="col-sm-12 col-md-6 col-lg-4 mb-5">
              <div class="project-card">
                <div class="project-card-image">
                  <img src="assets/projects/project2.jpg" />
                </div>
                <div class="project-card-content">
                  <h3 class="project-card-title">HR Business Development @ Bosch</h3>
                  <p class="project-card-text">
                    I planned and executed employee experience activities, provided support to agile methodologies and created a peer-to-peer mentoring program for new hires.
                  </p>
                </div>
              </div>
            </div>
            <div class="col-sm-12 col-md-6 col-lg-4 mb-5">
              <div class="project-card">
                <div class="project-card-image">
                  <img src="assets/projects/project3.png" />
                </div>
                <div class="project-card-content">
                  <h3 class="project-card-title">President @ CECRI <br> HR Director @ YME Founder @ Alarido</h3>
                  <p class="project-card-text">
                    CECRI is my bachelor's students' association, Young Minho Enterprise (YME) is one of UMinho's junior enterprises and ALARIDO is a cultural youth association in my hometown.
                  </p>
                </div>
              </div>
            </div>
          </div>
        </section>
        <section class="contacts" id="contacts">
          <div class="row">
            <div class="col-12">
              <h2 class="heading">Contacts</h2>
            </div>
          </div>
          <div class="row">
            <div class="col-sm-12 col-md-8 offset-md-2">
              <!-- <p>
                💌 Feel free to get in touch with me by
                <a href="mailto:anabeatrizfernandes@live.com.pt">Email</a> 💌
              </p> -->
              <form action="mailto:anabeatrizfernandes@live.com.pt" method="post">
                <div class="form-group">
                  <label for="inputName">Name</label>
                  <input
                    type="text"
                    class="form-control"
                    id="inputName"
                    placeholder="Enter your name"
                    name="name"
                  />
                </div>
                <div class="form-group">
                  <label for="exampleInputEmail1">Email</label>
                  <input
                    type="email"
                    class="form-control"
                    id="exampleInputEmail1"
                    placeholder="Enter email"
                    name="email"
                  />
                </div>
                <div class="form-group">
                  <label for="exampleFormControlTextarea1">Message</label>
                  <textarea
                    class="form-control"
                    id="exampleFormControlTextarea1"
                    rows="3"
                    name="text"
                  ></textarea>
                </div>
                <div class="text-right">
                  <button type="submit" class="button button-primary">
                    Submit
                  </button>
                </div>
              </form>
            </div>
          </div>
        </section>
      </div>
    </div>

    <!-- footer -->
    <footer class="footer">
      <div class="text-center">
        <a href="https://github.com/BeatrizAFernandes" class="social github"></a>
        <a href="https://www.linkedin.com/in/anabeatrizfernandes/" class="social linkedin"></a>
      </div>
    </footer>
  </body>
</html>