Portfolio/about.html at main · MiryamOren/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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      rel="stylesheet"
      href="https://use.fontawesome.com/releases/v5.6.1/css/all.css"
      integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP"
      crossorigin="anonymous"
    />
    <link
      href="https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap"
      rel="stylesheet"
    />
    <link
      href="https://fonts.googleapis.com/css2?family=Dawning+of+a+New+Day&display=swap"
      rel="stylesheet"
    />
    <link rel="preconnect" href="https://fonts.gstatic.com" />
    <link
      href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap"
      rel="stylesheet"
    />
    <title>Miryam Oren | Web Developer | Home</title>
    <link rel="stylesheet" href="./css/normalize.css v8.0.1.css" />
    <link rel="stylesheet" href="./css/style.css" />
    <link rel="stylesheet" href="./css/mobile&ipads.css" />
  </head>
  <body>
    <section class="page" id="page2">
      <aside>
        <div class="aside__logo"><a href="./index.html">M</a></div>
        <nav>
          <ul>
            <li class="nav__home">
              <a href="./index.html"><i class="fas fa-home"></i></a>
            </li>
            <li class="nav__about">
              <a href="./about.html" class="current"
                ><i class="fas fa-user"></i
              ></a>
            </li>
            <li class="nav__skills">
              <a href="./skills.html"><i class="fas fa-code"></i></a>
            </li>
            <li class="nav__works">
              <a href="./works.html"><i class="fas fa-briefcase"></i></a>
            </li>
          </ul>
        </nav>
        <div class="aside__social-links">
          <ul>
            <li class="social-links__linkedin">
              <a
                href="https://www.linkedin.com/in/miryam-oren-991919157/"
                target="_blank"
                ><i class="fab fa-linkedin"></i
              ></a>
            </li>
            <li class="social-links__git">
              <a href="https://github.com/MiryamOren" target="_blank"
                ><i class="fab fa-github"></i
              ></a>
            </li>
            <li class="social-links__facebook">
              <a href="https://www.facebook.com/miryam.oren.1" target="_blank"
                ><i class="fab fa-facebook-square"></i
              ></a>
            </li>
            <li class="social-links__mail">
              <a href="mailto: miriam839@gmail.com"
                ><i class="fas fa-envelope"></i
              ></a>
            </li>
          </ul>
        </div>
      </aside>
      <main>
        <h1>About Me</h1>
        <p>
          Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repudiandae
          maiores necessitatibus, aliquam doloremque cupiditate deserunt fuga,
          ullam provident numquam placeat dolore accusantium tempora saepe
          voluptas? Temporibus deserunt, esse fugit quibusdam exercitationem
          numquam voluptates suscipit consectetur inventore voluptatem facilis
          accusamus cum velit necessitatibus perferendis vel amet et non minus,
          error ipsa? Aperiam, tenetur enim soluta, voluptas temporibus
          excepturi nulla ducimus voluptates accusantium repudiandae
          perspiciatis eius delectus suscipit, animi libero quasi perferendis
          minima numquam facilis mollitia quos quaerat fugit! Consectetur
          excepturi quasi.
        </p>
      </main>
    </section>
  </body>
</html>