Frontend/index.html at main · EmmaaBerg/Frontend · 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
<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>Solution for Technigo Coding Challenge</title>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>


<body>
  <div class="body-content">
    <h1>Frontend</h1>

    <div class="box-content">
      <div class="box-one">
        <h3>What is frontend?</h3>
        <p>Evertime you visit a website on your desktop or phone you are exposed to frontend.
          Frontend is what you as <i>a user can see and interact with</i> on websites or web applications.
          <br> </br> Example of frontend elemets are
        <ul>
          <li> text </li>
          <li> colors </li>
          <li> images/videos </li>
          <li> buttons </li>
          <li> forms </li>
        </ul>
        </p>

        <p>Read more about frontend <a href="https://techterms.com/definition/frontend" target="_blank">here</a>
          or check out this <a href="https://www.youtube.com/watch?v=GJ8jidDdWVg" target="_blank"> introduction
            video</a>
        </p>
      </div>


      <div class="box-two">
        <h3> Frontend development</h3>

        <p> Web languages like <i>HTML, CSS</i> and <i>JavaScript</i> are used in
          <a href="https://www.techslang.com/definition/what-is-frontend-development/" target="_blank">frontend
            development </a>
          to create the layout with the goal to make it a user friendly experience.
          <br><br /> One challenge with frontend development today is that users have many different types
          of devices with various screen sizes and operating systems.
          Therefore a frontend developer have to make sure a website or application works on
          different devices and operating systems likewise different browsers.

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

</body>
<footer>

</footer>

</html>