Portfolio/works.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
<!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 | Works</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="page4">
      <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"><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" class="current"
                ><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 class="page4__main">
        <h1>MY WORK</h1>
        <div class="main__works-grid">
          <a href=""><div class="work-showcase" id="work-showcase1"></div></a>
          <a href=""><div class="work-showcase" id="work-showcase2"></div></a>
          <a href=""><div class="work-showcase" id="work-showcase3"></div></a>
          <a href=""><div class="work-showcase" id="work-showcase4"></div></a>
        </div>
      </main>
    </section>
  </body>
</html>