Mahook-Designs/about.html at main · neginzz/Mahook-Designs · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>About | Mahook Designs</title>
    <link rel="stylesheet" href="css/style.css" />
    <link
      rel="shortcut icon"
      href="assets/images/favicon.ico"
      type="image/x-icon"
    />
    <!-- <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
      rel="stylesheet"
    /> -->
  </head>
  <body>
    <div class="container about-page">
      <header>
        <a href="index.html">
          <img
            src="assets/images/Logo.svg"
            alt="moon logo"
            class="moon-icon"
            width="44"
            height="44"
          />
        </a>
        <nav>
          <a href="about.html" class="about-nav">About</a>
          <a href="resume.pdf" download class="resume-btn"
            >Resume
            <img
              src="assets/images/download-icon-3.svg"
              alt="download icon"
              class="dl-icon"
              width="16"
              height="16"
            />
          </a>
        </nav>
      </header>
      <main>
        <!-- <div class="about-content animate fade-in"> -->
        <div class="about-page-grid animate fade-in">
          <div class="profile-image">
            <img
              src="assets/images/Profile.webp"
              alt="Ahmad Mahook standing by a tree in autumn"
              class="profile-photo"
            />
          </div>
          <div class="bio">
            <p>
              I'm Ahmad Mahook, a
              <span class="title">UI/UX Designer</span> with a Law degree and a
              curious heart.
            </p>

            <p>
              I didn't start in design. I studied Law, but deep down, I always
              wanted to create. So in my final year of college, I made a bold
              shift and started a career in design; and I've never looked back.
            </p>

            <p>
              Design gave me a place to blend everything I've collected in my
              life: <span class="highlight">Logic and structure</span> from Law,
              <span class="highlight">imagination</span> from cinema and music,
              and a lifelong <span class="highlight">curiosity</span> about
              people and how they think
            </p>

            <p>
              What drives me? <span class="highlight">People!</span> I love
              getting to know them, really listening not just to what they say,
              but how they say it. I'm always curious about how the human mind
              works, how people feel, and why they do what they do, and I ask
              questions a lot.
            </p>

            <p>
              And yes, "<span class="highlight">Mahook</span>" is a tiny village
              in South Khorasan, Iran. It means Little Moon; and I'm just trying
              to shine a little light wherever I can.
              <span class="moon-emoji">🌙</span>
            </p>
          </div>
          <!-- </div>

        <div class="experience-education"> -->

          <section class="education animate slide-up delay-1">
            <h2>Education</h2>

            <div class="degree">
              <h3>Bachelor's degree, Law</h3>
              <p class="school">Allameh Tabataba'i University of Tehran</p>
              <p class="date">2018 - 2023</p>
            </div>
          </section>

          <section class="experience animate slide-up delay-2">
            <h2>Experience</h2>

            <div class="job">
              <h3>
                UI/UX Designer, <span class="company">Taba Software Group</span>
              </h3>
              <p class="date">October 2024 - Present | On-site</p>
              <p class="description">
                Working on different projects in a software development team.
              </p>
            </div>

            <div class="job">
              <h3>UI/UX Designer, <span class="company">ReLOOQ</span></h3>
              <p class="date">January 2024 - August 2024 | Hybrid</p>
              <p class="description">
                Designing In-house call center app for a successful marker
                research company.
              </p>
            </div>
          </section>

          <section class="contact animate slide-up delay-3">
            <h2>Contact</h2>

            <div class="social-links">
              <a
                href="mailto:ahmad1984mahook@gmail.com"
                aria-label="Email"
                class="email-icon tooltip"
                data-tooltip="ahmad1984mahook@gmail.com"
              >
                <img
                  src="assets/images/email.svg"
                  alt="mail-icon"
                  width="24"
                  height="24"
                />
              </a>
              <a
                href="https://linkedin.com"
                target="_blank"
                rel="noopener noreferrer"
                aria-label="LinkedIn"
                class="linkedin-icon tooltip"
                data-tooltip="@ahmadmahook"
              >
                <img
                  src="assets/images/linkedin.svg"
                  alt="mail-icon"
                  width="24"
                  height="24"
                />
              </a>
              <a
                href="https://dribbble.com"
                target="_blank"
                rel="noopener noreferrer"
                aria-label="Dribbble"
                class="dribbble-icon tooltip"
                data-tooltip="@ahmadmahook"
              >
                <img
                  src="assets/images/dribbble.svg"
                  alt="mail-icon"
                  width="24"
                  height="24"
                />
              </a>
            </div>
          </section>
        </div>
      </main>
    </div>
  </body>
</html>