GIT-HUB--1/artwork.php at master · grahamburty/GIT-HUB--1 · 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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<!-- Google Fonts - link to Muli font -->
<link href='http://fonts.googleapis.com/css?family=Muli:400,300,300italic,400italic' rel='stylesheet' type='text/css'>

<meta charset="utf-8">
<meta http-equiv=Content-Type content="text/html;">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

<title>gbartwork - digital artwork services</title>

<link rel="stylesheet" href="css/style.css" media="all">

<style type="text/css"></style>

<!-- Lightbox - required -->
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/lightbox.js"></script>

<!-- Masonry - required -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="js/jquery.masonry.min.js"></script>


</head>


<body class="artwork">

<!-- Nav area -->

  <?php include("top-nav.php"); ?>

<!-- END - Nav area -->


<!-- Main Body (grey) area -->

<div id="container" class="centred">


 <!-- BOX - Services-1 -->
   <div class="box col2">
  <p class="boxhead">services:<br></p>
  <p>
  <?php include("Blocks/txt-1-services.html"); ?>
  </p>
  </div>


 <!-- BOX - Services-2 -->
   <div class="box col3">
  <p class="boxhead">digital artwork:<br></p>
  <p>
  <?php include("Blocks/txt-2-services.html"); ?>
  </p>
  </div>


  <!-- BOX - Artwork example - Spotlites -->
  <div class="box col4">
  <p class="boxhead">digital artwork<br></p>
  <p>
  Packaging artwork - Food<br>
  <br>
  Created in Adobe Illustrator. Using 7 colours, 4 colour process plus two specials and an opaque white. <br>
  <br>
  We used the metallic substrate for the shiny logo and areas covered with transparent ink to create a shiny sparkly "in the spotlite" feel. Mixed with opaque areas to enhance the product image.
  <br>
  <a href="images/aw-ref-spotlites-3.jpg"  rel="lightbox"  title="Packaging artwork using Adobe Illustrator"><img src="images/aw-ref-spotlites-1-thumb.jpg" alt="Spotlites digital artwork" /> </a>
   </p>

  </div>


  <!-- BOX - Artwork example - Bblonde -->
  <div class="box col4">
  <p class="boxhead">digital artwork<br></p>
  <p>
  Packaging artwork - Health & Beauty<br>
  <br>
  Created in Adobe Illustrator. Using 6 colours, 4 colour process plus two specials. <br>
  <br>
  We worked closely with the design agency to keep consistency across the range in two box sizes, the complete job included component labels and a leaflet design. It was important to work with existing structures and cutters.
  <br>
  <a href="images/aw-ref-Bblonde-1.jpg"  rel="lightbox"  title="Packaging artwork using Adobe Illustrator"><img src="images/aw-ref-Bblonde-1-thumb.jpg" alt="Bblonde digital artwork" /> </a>
   </p>

  </div>


  <!-- BOX - Contact us -->
  <div class="box col2 blackbox">
  <p class="boxhead ">contact us<br></p>
  <p>
  01273 778320<br>
  <a href= "mailto:hello@gbartwork.com?subject= website enquiry" >hello@gbartwork.com</a> <br>
  <a href="contact.php">more . . </a>
  </p>
  </div>


</div><!-- END - Main Body (grey) area -->


<div>

<?php include_once("gbfooter.php"); ?>

</div>


<!-- Vanilla Masonry script -->
<script>
var $container = $('#container');
$container.imagesLoaded(function(){
  $container.masonry({
    itemSelector : '.box',
    columnWidth : 10,
  });
});

</script>


</body>


</html>