1<!doctype html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <meta name="description" content=""> 7 <meta name="author" content="Stouge"> 8 <title>Stouge & Co.</title> 9 <link rel="icon" href="./public/img/favicon.svg"> 10 <!-- Bootstrap core CSS --> 11 <link href="./public/css/bootstrap.min.css" rel="stylesheet"> 12 13 <style> 14 .bd-placeholder-img { 15 font-size: 1.125rem; 16 text-anchor: middle; 17 -webkit-user-select: none; 18 -moz-user-select: none; 19 user-select: none; 20 } 21 22 @media (min-width: 768px) { 23 .bd-placeholder-img-lg { 24 font-size: 3.5rem; 25 } 26 } 27 </style> 28 29 30 <!-- Custom styles for this template --> 31 <link href="./public/css/style.css" rel="stylesheet"> 32 </head> 33 <body> 34 35 <header> 36 <div class="topbar"> 37 <div class="container"> 38 <div class="row"> 39 <div class="col-md-12"> 40 <br /> 41 <a class="navbar-brand" href="index.html"><h1><img src="./public/img/logo.png"> Stouge & Co.</h1></a> 42 </div> 43 <!--<div class="col-md-4 float-right"> 44 <p>
44<script>document.write( new Date().toLocaleTimeString('en-AE', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }) )</script>
44</p> 45 </div>--> 46 </div> 47 </div> 48 </div> 49 <nav class="navbar navbar-expand-md navbar-light"> 50 <div class="container container-fluid"> 51 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> 52 <span class="navbar-toggler-icon"></span> 53 </button> 54 <div class="collapse navbar-collapse" id="navbarCollapse"> 55 <ul class="navbar-nav ml-auto mr-auto"> 56 <li class="nav-item"> 57 <a class="nav-link scroll-to" href="#" data-scroll="about-us">About</a> 58 </li> 59 <li class="nav-item"> 60 <a class="nav-link scroll-to" href="#" data-scroll="companies">Companies</a> 61 </li> 62 <li class="nav-item"> 63 <a class="nav-link scroll-to" href="#" data-scroll="contact-form">Contact</a> 64 </li> 65 </ul> 66 </div> 67 </div> 68 </nav> 69 </header> 70 71 <main> 72 <div class="container"> 73 <div class="jumbotron"> 74 <div class="row"> 75 <div class="col-md-6 align-right"> 76 <img src="./public/img/left-half.png" /> 77 <h3>A One <span class="start-letter">S</span>top <br/> <span class="ampersand">&</span></h3> 78 </div> 79 <div class="col-md-6 align-left"> 80 <img src="./public/img/right-half.png" /> 81 <h3><span class="start-letter">D</span>esign <br/> <span class="start-letter">P</span>roduction <span class="house">House</span></h3> 82 83 <br> 84 <br> 85 <br> 86 </div> 87 <p> 88 PROJECT MANAGEMENT<br/> 89 DISPLAY CONCEPTS<br/> 90 PRINTED MATTER<br/> 91 CAMPAIGNS<br/> 92 LOGISTICS<br/> 93 </p> 94 </div> 95 </div> 96 </div> 97 <div class="container"> 98 <div class="row about-us"> 99 <div class="col-md-7 left-section"> 100 <h2>About</h2> 101 <p> 102 <span class="brand-name">Stouge & Co.</span> is a graphic design and production house that offers project management 103 of concepts within display, campaigns, printed matter and logistics all under one roof. 104 </p> 105 <p> 106 We create added value by offering the market's most innovative and intelligent production solutions 107 that strengthen our customers' earnings and competitiveness. 108 </p> 109 </div> 110 <div class="col-md-5 right-section"> 111 <img src="./public/img/logo-greyscale.png" /> 112 </div> 113 </div> 114 </div> 115 116 <div class="container"> 117 <div class="row operate"> 118 <div class="col-md-12"> 119 <h2>We operate in 4 main areas</h2> 120 <div class="ops"> 121 <div class="numberCircle">1</div> 122 <div class="section"> 123 <h4>Printed matter purchaser / printed matter communication</h4> 124 <p>Professional, independent printed matter consultant.</p> 125 </div> 126 </div> 127 <div class="ops"> 128 <div class="numberCircle">2</div> 129 <div class="section"> 130 <h4>Graphic consulting, project management, contact communication and analysis</h4> 131 <p>Independent assessment and answer to all questions regarding graphic production.</p> 132 </div> 133 </div> 134 <div class="ops"> 135 <div class="numberCircle">3</div> 136 <div class="section"> 137 <h4>Graphic production, design / text, web</h4> 138 <p>All kinds of graphic production in desired qualities at competitive market prices.</p> 139 </div> 140 </div> 141 <div class="ops"> 142 <div class="numberCircle">4</div> 143 <div class="section"> 144 <h4>Packing</h4> 145 <p>Consulting / design of new / alternative packages and packaging solutions,<br/> as well as development and delivery of these specialty packaging.</p> 146 </div> 147 </div> 148 </div> 149 </div> 150 </div> 151 152 <div class="container"> 153 <div class="row companies"> 154 <h2>Our experience</h2> 155 <p class="sub">Meet the companies</p> 156 <div class="col-md-4 company"> 157 <a href="http://stouge.dk"><img src="./public/img/logo-medium.png" /></a> 158 <h3>Stouge & Co.</h3> 159 <p>Stouge ApS is a graphic design and production house that offers project management of concepts within display, campaigns, printed matter and logistics all under one roof.</p> 160 </div> 161 <div class="col-md-4 company"> 162 <a href="http://www.nolimitsolution.dk"><img src="./public/img/no-limit-solution-logo.png" /></a> 163 <h3>No Limit Solution</h3> 164 <p>The first most exciting and professional theme building company. Specialize in a variety of art applications like designing and fabricating an entire environment with a focused theme.</p> 165 </div> 166 <div class="col-md-4 company"> 167 <a href="https://thepublishing.io"><img src="./public/img/the-publishing-logo.png" /></a> 168 <h3><img src="./public/img/the-publishing-logo-text.png" /></h3> 169 <p>The Publishing is a company specialize in creation of books, prints and ebook in any format. An environment where creation, publishing, distribution and selling of books around the world.</p> 170 </div> 171 </div> 172 </div> 173 174 <div class="container"> 175 <div class="row contact-form"> 176 <div class="col-md-6 offset-md-3" id="modal-email"> 177 <div class=""> 178 <div class="modal-content"> 179 <div class="modal-header"> 180 <h3 class="modal-title">Contact Now</h3> 181 </div> 182 <div class="modal-body"> 183 <div class="container-fluid"> 184 <form class="needs-validation" name="emailForm" id="emailForm" novalidate> 185 <div class="form-row"> 186 <div class="form-group col-md-12"> 187 <input type="text" class="form-control" id="firstname" name="firstname" placeholder="First Name"> 188 </div> 189 <div class="form-group col-md-12"> 190 <input type="text" class="form-control" id="lastname" name="lastname" placeholder="Last Name"> 191 </div> 192 <div class="form-group col-md-6"> 193 <input type="email" class="form-control" id="email" name="email" placeholder="Email"> 194 </div> 195 <div class="form-group col-md-6"> 196 <input type="text" class="form-control" id="institution" name="institution" placeholder="Institution"> 197 </div> 198 <div class="form-group col-md-6"> 199 <input type="text" class="form-control" id="phone" name="phone" placeholder="Phone"> 200 </div> 201 <div class="form-group col-md-6"> 202 <input type="text" class="form-control" id="position" name="position" placeholder="Position"> 203 </div> 204 <div class="form-group col-md-12"> 205 <textarea class="form-control" id="message" name="message" placeholder="Message" rows="5"></textarea> 206 </div> 207 <input type="text" name="honeypot" class="form-control" id="emailHoneyPot"> 208 <div class="form-group col-md-12"> 209 <div class="form-check"> 210 <input class="form-check-input" type="checkbox" name="termsandconditions" id="termsandconditions">
211 <span class="form-check-label" for="gridCheck" id="termsandconditionslabel"> 212 By clicking the button, you are agreeing to the general <a href="termsandconditions.html">terms and conditions</a> from stouge aps. 213 </span> 214 </div> 215 </div> 216 </div> 217 <button type="submit" class="btn btn-primary">Send</button> 218 </form> 219 </div> 220 </div> 221 </div> 222 </div> 223 </div> 224 </div> 225 <div class="row contacts"> 226 <div class="col-md-4 phone contact"> 227 <div class="contact-icon phone-icon"> 228 <img src="./public/img/phone-icon.png" /> 229 </div> 230 <a href="tel:+45 2090 1011"><span>EUROPE OFFICE</span> +45 2090 1011</a> 231 </div> 232 <div class="col-md-4 email contact"> 233 <div class="contact-icon email-icon"> 234 <img src="./public/img/email-icon.png" /> 235 </div> 236 <a href="mailto:[email protected]" class="emailto">[email protected]</a> 237 </div> 238 </div> 239 </div> 240 241 <!-- FOOTER --> 242 <footer class="footer"> 243 <div class="container"> 244 <p>Copyright ©
244<script>document.write(new Date().getFullYear())</script>
244 stouge.dk - All Rights Reserved * Freckle CVR no. 42434558</p> 245 </div> 246 </footer> 247 </main> 248
248<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
248 249
249<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
249 250
250<script src="./public/js/bootstrap.min.js"></script>
250 251
251<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/jquery.validate.min.js"></script>
251 252
252<script src="https://smtpjs.com/v3/smtp.js"></script>
252 253
253<script src="./public/script/custom.js"></script>
253 254 </body> 255</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.