firzatullahd.github.io/about.html at master · firzatullahd/firzatullahd.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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>About Firzatullah</title>
    <link rel="stylesheet" href="css/main.css" />
  </head>
  <body>
    <header>
      <div class="menu-btn">
        <span class="menu-btn__burger"></span>
      </div>
      <nav class="nav">
        <ul class="menu-nav">
          <li class="menu-nav__item">
            <a href="index.html" class="menu-nav__link">Home</a>
          </li>
          <li class="menu-nav__item active">
            <a href="about.html" class="menu-nav__link">About Me</a>
          </li>
          <li class="menu-nav__item">
            <a href="projects.html" class="menu-nav__link">Projects</a>
          </li>
          <li class="menu-nav__item">
            <a href="contact.html" class="menu-nav__link">Contact Me</a>
          </li>
        </ul>
      </nav>
    </header>
    <main>
      <section class="about">
        <div class="about__bio-image">
          <div class="about__bio">
            <h2 class="text-secondary">BIO</h2>
            <p>
              Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus
              suscipit maiores ex voluptatem? Minima tenetur vero aliquam
              dignissimos ratione eligendi molestias recusandae a, ullam iste
              beatae amet? Quia, quibusdam id?
            </p>
          </div>
        </div>
        <div class="jobs">
          <h1 class="title">Work Experiences</h1>
          <div class="jobs__job">
            <h2 class="text-secondary">December 2019 - February 2020</h2>
            <h3>PT Ekatama putra Perkasa</h3>
            <h6>Sales Engineer</h6>
            <p>
              Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci
              harum natus blanditiis inventore explicabo vero autem expedita,
              sequi facere excepturi.
            </p>
          </div>
          <div class="jobs__job">
            <h2 class="text-secondary">September 2019 - October 2019</h2>
            <h3>Event Big Bad wolf Surabaya 2019</h3>
            <h6>Team Leader of Floor & Display Palette Crew</h6>
            <p>
              Coordinate team of 7 crew members according to order from PT Jaya Ritel and PT Gemalindo Kreasi Indonesia. Help customer in providing information about a product and respond to customer questions, Tidy up the books on the table and restock books that are already sold out, Understand the books available on the table and promote to customers.
            </p>
          </div>
          <div class="jobs__job">
            <h2 class="text-secondary">january 2019 - April 2018</h2>
            <h3>PT Barata Indonesia</h3>
            <h6>Maintenance Intern</h6>
            <p>
              Analize the workflow, the production process of train bogie, Analize the repairing process of electric furnace 10 Ton
            </p>
          </div>
          <h1>Educations</h1>
          <div class="jobs__edu">
            <h2 class="text-secondary">August 2015 - September 2019</h2>
            <h3>Politeknik Elektronika Negeri Surabaya</h3>
            <h6>Bachelor of Mechatronics Engineering</h6>
            <p>GPA 3.31/4.00</p>
            <p>
              Courses: Basic Programming (C, PLC, Arduino), 3D Mechanics Design (Autodesk Inventor), Matlab, CNC, Laser Cutting.
            </p>
          </div>
          <div class="jobs__edu">
            <h2 class="text-secondary">2012 - 2015</h2>
            <h3>SMA Negeri 15 Surabaya</h3>
            <p>NEM 504.5/600</p>
          </div>
          <h1>Online Courses</h1>
          <div class="jobs__course">
            <h2 class="text-secondary">Code With Mosh</h2>
            <li>
              Python Crash Course
            </li>
            <li>
              Java Part 1:  Fundamentals
            </li>
            <li>Java Part 2: Object Oriented Programming</li>
            <li>
              Javascript Basics
            </li>
            <li>
              Object Oriented Programming in Javascript
            </li>
            <li>
              React JS
            </li>
          </div>
          <div class="jobs__course">
            <h2 class="text-secondary">Web Programming Unpas</h2>
            <li>
              Javascript DOM Manipulation
            </li>
            <li>
              CSS (Layout, Flexbox, Grid)
            </li>
            <li>Bootstrap</li>
            <li>
              Git & Github
            </li>
            <li>Consume API</li>
          </div>
          <div class="jobs__course">
            <h2 class="text-secondary">CodeStackr</h2>
              <li>Sass</li>
          </div>
          <div class="jobs__course">
            <h2 class="text-secondary">Build With Angga</h2>
            <li>
              MERN (MongoDB, ExpressJS, React JS, Node JS)
            </li>
            <li>
              Basics UI/UX, Figma & Whimsical
            </li>
            </div>
          </div>
        </div>
        <div class="social-icons">
          <a href="https://wa.me/085232301377">
            <i class="fab fa-whatsapp fa-2x"></i>
          </a>
          <a
            href="mailto:firzatullahdwikoramadhan@gmail.com"
            target="_blank"
            rel="noopener noreferrer"
          >
            <i class="fas fa-envelope fa-2x"></i>
          </a>

          <a href="https://github.com/firzatullahd">
            <i class="fab fa-github fa-2x"></i>
          </a>
          <a
            href="https://www.linkedin.com/in/firzatullah-dwiko-ramadhan-32099514b/"
          >
            <i class="fab fa-linkedin fa-2x"></i>
          </a>
        </div>
        <footer>&copy; Copyright 2020</footer>
      </section>
    </main>
    <script
      src="https://kit.fontawesome.com/6915b18e76.js"
      crossorigin="anonymous"
    ></script>
    <script src="./js/main.js"></script>
  </body>
</html>