Portfolio/index.html at main · MFlor-PD/Portfolio · 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
<html>
  <head>
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="" />
    <link
      rel="stylesheet"
      as="style"
      onload="this.rel='stylesheet'"
      href="https://fonts.googleapis.com/css2?display=swap&amp;family=Manrope%3Awght%40400%3B500%3B700%3B800&amp;family=Noto+Sans%3Awght%40400%3B500%3B700%3B900"
    />

    <title>Stitch Design</title>
    <link rel="icon" type="image/x-icon" href="data:image/x-icon;base64," />

    <script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
  </head>
  <body>
    <div class="relative flex size-full min-h-screen flex-col bg-[#121416] dark group/design-root overflow-x-hidden" style='font-family: Manrope, "Noto Sans", sans-serif;'>
      <div class="layout-container flex h-full grow flex-col">
        <header class="flex items-center justify-between whitespace-nowrap border-b border-solid border-b-[#2c3035] px-10 py-3">
          <div class="flex items-center gap-4 text-white">
            <div class="size-4">

            </div>

          </div>
          <div class="flex flex-1 justify-end gap-8">
            <div class="flex items-center gap-9">
              <a class="text-white text-sm font-medium leading-normal" href="./pagina2.html">Projects</a>
              <a class="text-white text-sm font-medium leading-normal" href="./pagina3.html">Summary</a>
              <a class="text-white text-sm font-medium leading-normal" href="./pagina4.html">Contact</a>
            </div>

            <button
              class="flex min-w-[84px] max-w-[480px] cursor-pointer items-center justify-center overflow-hidden rounded-full h-10 px-4 bg-[#699bcd] text-[#121416] text-sm font-bold leading-normal tracking-[0.015em]">
              <a href="./assets/Maria_Florencia_Perez_CV.pdf" download class="flex min-w-[84px] max-w-[480px] cursor-pointer items-center justify-center overflow-hidden rounded-full h-10 px-4 bg-[#699bcd] text-[#121416] text-sm font-bold leading-normal tracking-[0.015em]">
            <span class="truncate">Download CV</span>
            </a>

            </button>
          </div>
        </header>
        <div class="px-40 flex flex-1 justify-center py-5">
          <div class="layout-content-container flex flex-col max-w-[960px] flex-1">
            <div class="flex p-4 @container">
              <div class="flex w-full flex-col gap-4 items-center">
                <div class="flex flex-col items-center space-y-6">
                  <div
                    class="bg-center bg-no-repeat aspect-square bg-cover rounded-full min-h-32 w-32"
                    style='background-image: url("./assets/foto\ curriculum.jpg");'
                  ></div>
                  <div class="flex flex-col items-center justify-center justify-center">
                    <p class="text-white text-[22px] font-bold leading-tight tracking-[-0.015em] text-center">Maria Florencia Perez Dall Occhio</p>
                    <p class="text-[#a2abb3] text-base font-normal leading-normal text-center">Full Stack Web Developer</p>
                    <p class="text-[#a2abb3] text-base font-normal leading-normal text-center">
                    Focused on best practices in web development and clean code principles, I specialize in creating innovative and efficient solutions. My priorities are code quality and user experience, always striving to exceed expectations in every project. Each experience is an opportunity, and every opportunity drives growth.
                    </p>

                  </div>
                </div>
              </div>
            </div>

            <div class="flex justify-center">
              <div class="flex flex-1 gap-3 flex-wrap px-4 py-3 max-w-[480px] justify-center">
                <a href="./pagina2.html" class="flex min-w-[84px] max-w-[480px] cursor-pointer items-center justify-center overflow-hidden rounded-full h-10 px-4 bg-[#699bcd] text-[#121416] text-sm font-bold leading-normal tracking-[0.015em] grow transition duration-200 hover:brightness-110">
                <span class="truncate">Projects</span></a>
                <a href="/pagina4.html" class="flex min-w-[84px] max-w-[480px] cursor-pointer items-center justify-center overflow-hidden rounded-full h-10 px-4 bg-[#2c3035] text-white text-sm font-bold leading-normal tracking-[0.015em] grow transition duration-200 hover:brightness-110">
                <span class="truncate">Contact</span></a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
r