girlsgoit · agressive-nicoleta · Aug 9, 2020 · Aug 9, 2020 · Aug 9, 2020 · Aug 9, 2020
diff --git a/.codesandbox/workspace.json b/.codesandbox/workspace.json
@@ -0,0 +1,24 @@
+{
+  "preview": [
+    {
+      "views": [
+        {
+          "id": "codesandbox.browser"
+        },
+        {
+          "id": "codesandbox.tests"
+        }
+      ]
+    },
+    {
+      "views": [
+        {
+          "id": "codesandbox.problems"
+        },
+        {
+          "id": "codesandbox.console"
+        }
+      ]
+    }
+  ]
+}
diff --git a/package.json b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "login-si-register",
+  "name": "global-interceptor",
   "version": "0.1.0",
   "private": true,
   "scripts": {
@@ -46,5 +46,5 @@
     "not ie <= 8"
   ],
   "keywords": [],
-  "description": "rutele si componenete empty"
+  "description": ""
 }
diff --git a/public/components/bar/bar.css b/public/components/bar/bar.css
@@ -0,0 +1,42 @@
+.dashboard_bar {
+  background: #f2f2f2;
+  padding: 15px 50px;
+  vertical-align: middle;
+  margin: 0 auto;
+  max-width: 960px;
+}
+
+@media screen and (max-width: 500px) {
+  .column {
+    flex: 50%;
+  }
+}
+
+.name {
+  display: block;
+  font-family: "Roboto";
+  color: black;
+  font-size: 40px;
+  font-weight: normal;
+  font-style: normal;
+}
+.button {
+  background: #2ea1f8;
+  padding: 15px 32px 14px 32px;
+  margin: 25px 10px 25px 10px;
+  text-decoration: none;
+  font-weight: normal;
+  font-style: normal;
+  font-family: "Roboto";
+  font-size: 16px;
+  border-radius: 5px;
+  line-height: 28px;
+  color: #ffffff;
+}
+.button:hover {
+  background-color: #4ab1ff;
+}
+.bar_create_note {
+  display: flex;
+  justify-content: space-around;
+}
diff --git a/public/components/bar/bar.html b/public/components/bar/bar.html
@@ -0,0 +1,26 @@
+<html>
+  <!DOCTYPE html>
+  <html lang="en">
+    <head>
+      <meta charset="UTF-8" />
+      <title>Template</title>
+      <link
+        rel="stylesheet"
+        href="https://fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic"
+      />
+      <link
+        rel="stylesheet"
+        href="https://cdn.rawgit.com/necolas/normalize.css/master/normalize.css"
+      />
+      <link rel="stylesheet" href="bar.css" />
+    </head>
+    <body class="dashboard_bar">
+      <section class="bar_line">
+        <div class="bar_create_note">
+          <h1 class="name">Dashboard</h1>
+          <a class="button" href="#">NEW NOTE</a>
+        </div>
+      </section>
+    </body>
+  </html>
+</html>
diff --git a/public/components/login/login.css b/public/components/login/login.css
@@ -0,0 +1,70 @@
+body {
+  background-color: #f2f2f2;
+}
+
+.login-card {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-items: center;
+  width: 352px;
+  height: 338px;
+  margin: auto;
+  margin-top: 150px;
+
+  background-color: #ffffff;
+  box-shadow: 0px 2px 27px rgba(230, 230, 230, 0.501961);
+  border-radius: 10px;
+}
+
+img {
+  width: 132px;
+  height: 52px;
+  justify-items: center;
+  margin-top: 36px;
+  margin-bottom: 19px;
+}
+
+input {
+  background: #ffffff;
+  border: 1px solid #dfdfdf;
+  box-sizing: border-box;
+  border-radius: 4px;
+  margin-bottom: 19px;
+  height: 54px;
+  width: 270px;
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: normal;
+  padding-left: 10px;
+}
+
+.buttons a {
+  display: inline-block;
+  text-decoration: none;
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: normal;
+  margin-top: 14px;
+}
+
+.buttons a:hover {
+  text-decoration: underline;
+}
+
+.buton-login {
+  font-size: 16px;
+  line-height: 28px;
+  color: white;
+  background-color: #2ea1f8;
+  border-radius: 5px;
+  margin-right: 27px;
+  padding: 7px 45px 7px 45px;
+}
+
+.buton-register {
+  font-size: 16px;
+  line-height: 16px;
+  color: #2ea1f8;
+  margin-left: 27px;
+}
diff --git a/public/components/login/login.html b/public/components/login/login.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Template Vechi</title>
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic"
+    />
+    <link
+      rel="stylesheet"
+      href="https://cdn.rawgit.com/necolas/normalize.css/master/normalize.css"
+    />
+
+    <link rel="stylesheet" href="login.css" />
+  </head>
+
+  <body>
+    <div class="login-card">
+      <img
+        class="logo"
+        src="https://s3-alpha-sig.figma.com/img/eb24/ca1c/6b46f3629797526e406626fc13be7290?Expires=1597622400&Signature=SX5MRkeXwQWPZ1MpDbbd-niUIsiEgrQk7BsW8iwj1RVj~QxlTWHRqw66e5AkZWPD-DElxe1bgVSuU4NEykSlTaa6N-YwQuGEt~NKPHYd-YBQDATFV5Y-JwO8dMBH~gQ6xTZQdYpOssiZZJgOLgXnUChwLU-rO4RNAofeYrcU4n11ybICxJOlXrBTk-YqDOhl1ITDghO37-s2GH~P-jjlNzGUOXiomRtsqAMF5SPEK8yykxW59CoL9krPH5UeFngyNN3oAQN5pGp8~m2mJOKnX9xuRUE2pckqfkhcdB7waVPvwO8Vn1dYBvGStWdCd~hcMRP0z7aOObVuHrikcw3qRg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA"
+      />
+      <input type="text" placeholder="Username" />
+      <input type="password" placeholder="Password" />
+      <div class="buttons">
+        <a class="buton-login" href="a">LOGIN</a>
+        <a class="buton-register" href="a">REGISTER</a>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/public/components/note/notita.css b/public/components/note/notita.css
@@ -0,0 +1,111 @@
+@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300&display=swap");
+.container-note {
+  max-width: 960px;
+  margin: 0 auto;
+}
+.note {
+  padding-top: 30px;
+}
+.header {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 56px;
+  line-height: 64px;
+}
+.paragraph {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 21px;
+  line-height: 36px;
+}
+.container-note img {
+  width: 938px;
+  height: 624px;
+  left: 251px;
+  top: 672px;
+}
+
+.container-note a {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 21px;
+  line-height: 36px;
+  text-decoration: none;
+  color: #208afa;
+}
+.container-note a:hover {
+  color: #208afa;
+  text-decoration: underline;
+}
+
+.list {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 21px;
+  line-height: 36px;
+}
+
+.header3 {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 26px;
+  line-height: 30px;
+  color: #393939;
+}
+
+.header2 {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 32px;
+  line-height: 36px;
+  color: #393939;
+}
+
+.paragraph2 {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 21px;
+  line-height: 36px;
+  color: #393939;
+}
+@media only screen and (max-width: 960px) {
+  .note div img { 
+    margin-left: 0;
+    margin-right:0;
+  }
+@media only screen and (max-width: 960px) {
+  .note {
+    font-size: 14px;
+  }
+  .note h1,
+  .note h2,
+  .note h3,
+  .note p,
+  .note ul {
+    margin-bottom: 1em;
+    margin-top: 0;
+  }
+  .note h2,
+  .note h3 {
+    font-weight: bold;
+  }
+
+  .note h1 {
+    font-size: 2em;
+  }
+
+  .note h2 {
+    font-size: 1.5em;
+  }
+
+  .note h3 {
+    font-size: 1.25em;
+  }
+}