Front-End-Web-Dev-Module/work.html at master · AbuNavsa/Front-End-Web-Dev-Module · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ABN Design</title>
    <link rel="stylesheet" href="css/styles.css">
  </head>
  <body>
    <header id="header">
      <div class="header-inner">
        <img class="logo" src="Resources/ABNLogo.png" alt="abn navigation logo">
        <div id="hbg-menu">
          <div class="hbg-line"></div>
          <div class="hbg-line"></div>
          <div class="hbg-line"></div>
        </div>
        <nav id="navbar" class="nav-bar">
          <ul class="navbar-inner">
            <li><a class="nav-links" href="index.html">Home</a></li>
            <li><a class="nav-links" href="work.html">Work</a></li>
            <li><a class="nav-links" href="services.html">Services</a></li>
            <li><a class="nav-links" href="about.html">About Us</a></li>
          </ul>
        </nav>
      </div>
    </header>
    <section id="work-banner" class="page-banner">
      <div  class="section-container">
        <h1 class="page-heading">Work</h1>
      </div>
    </section>
    <section class="page-section">
      <div class="section-container">
        <div id="esq-tab" class="tab-content">
          <h2 class="page-sub-headings">Esquires Coffee</h2>
          <p class="page-paragraph">We design for the worldwide coffee Franchise 'Esquires Coffee'. Our innovation drives marketing and brand identity. Supplying artwork from marketing material to in-store stationery and cutlery.</p>
          <div class="work-images">
            <figure class="work-img-box">
              <figcaption>Logo</figcaption>
              <img src="Resources/EsquiresLOGO.png" alt="esquires coffee logo">
            </figure>
            <figure class="work-img-box">
              <figcaption>Board Design</figcaption>
              <img src="Resources/esq1.png" alt="esquires board artwork saying we love Leicester">
            </figure>
            <figure class="work-img-box">
              <figcaption>Loyalty Cards</figcaption>
              <img src="Resources/esq2.png" alt="esquires loyalty card designs">
            </figure>
          </div>
        </div>
        <div id="tubo-tab" class="tab-content">
          <h2 class="page-sub-headings">Tubo</h2>
          <p class="page-paragraph">A high-end lounge offering Greek Cuisine and providing the most elite of shisha lounge experiences. Their aim was simplicity and boldness; a concept rare among UK shisha lounges.</p>
          <div class="work-images">
            <figure class="work-img-box">
              <figcaption>Logo</figcaption>
              <img id="work-tubo-logo" src="Resources/TUBOLogo.png" alt="tubo logo">
            </figure>
            <figure class="work-img-box">
              <figcaption>Menu Design</figcaption>
              <img src="Resources/tuboMenu.png" alt="tubo menu designs">
            </figure>
          </div>
        </div>
        <div id="payority-tab" class="tab-content">
          <h2 class="page-sub-headings">Payority</h2>
          <p class="page-paragraph">A startup card payment company where transactions are instant and can be tracked anytime and any place. Required a strong yet approachable brand identity.</p>
          <div class="work-images">
            <figure class="work-img-box">
              <figcaption>Logo</figcaption>
              <img src="Resources/payority-Logo-10.png" alt="payority logo">
            </figure>
            <figure class="work-img-box">
              <figcaption>Business Cards</figcaption>
              <img src="Resources/payority-mockup.png" alt="payority business card designs">
            </figure>
          </div>
        </div>
      </div>
    </section>
    <footer>
      <div id="footerContainer">
        <div id="footerDetails">
          <p>07413 780 172</p>
          <p>abu_navsa@outlook.com</p>
          <p>ABN Design &copy;</p>
        </div>
        <img class="footerSocial" src="Resources/InstaIcon.png" alt="instagram logo">
      </div>
    </footer>
    <script src="js/scripts.js"></script>
  </body>
</html>