<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <p> <a href=" </a></p> </ul> <li> </li> <ol>

Size: px
Start display at page:

Download "<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <p> <a href=" </a></p> </ul> <li> </li> <ol>"

Transcription

1

2

3 11 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1></h1> <p></p> <p><a href=" <p></p> <ul> <li></li> <li></li> <li></li> </ul> <p></p> <ol> <li></li> <li></li> <li></li> </ol> </body> </html>

4 Google

5 11 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1></h1> <p></p> <p></p> <img src=" <p></p> <table border="1"> <thead> <tr> <th></th> <th></th> <th></th> </tr> </thead> <tbody> <tr> <td>1</td> <td></td> <td></td> </tr> <tr> <td>2</td> <td></td> <td></td> </tr> <tr> <td>3</td> <td></td> <td></td> </tr> <tr> <td>4</td> <td></td> <td></td> </tr> </tbody> </table> </html>

6

7 Project name Home About Contact Jumbotron heading Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Sign up today Subheading Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum. Subheading Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum. Subheading Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum. Subheading Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum. Subheading Maecenas sed diam eget risus varius blandit sit amet non magna. Subheading Maecenas sed diam eget risus varius blandit sit amet non magna Company, Inc.

8 index.html 11 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <meta name="description" content=""> <meta name="author" content=""> <link rel="icon" href="../../favicon.ico"> <title>narrow Jumbotron Template for Bootstrap</title> <!-- Bootstrap core CSS --> <link href="bootstrap.min.css" rel="stylesheet"> <!-- Custom styles for this template --> <link href="jumbotron-narrow.css" rel="stylesheet"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src=" <script src=" <![endif]--> </head> <body> <div class="container"> <div class="header clearfix"> <nav> <ul class="nav nav-pills pull-right"> <li role="presentation" class="active"><a href="#">home</a></li> <li role="presentation"><a href="#">about</a></li> <li role="presentation"><a href="#">contact</a></li> </ul> </nav> <h3 class="text-muted">project name</h3> <div class="jumbotron"> <h1>jumbotron heading</h1> <p class="lead">cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p> <p><a class="btn btn-lg btn-success" href="#" role="button">sign up today</a></p> <div class="row marketing"> <div class="col-lg-6"> <h4>subheading</h4> <p>donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p> <h4>subheading</h4> <p>morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.</p> <h4>subheading</h4> <p>maecenas sed diam eget risus varius blandit sit amet non magna.</p> <div class="col-lg-6"> <h4>subheading</h4> <p>donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p> <h4>subheading</h4> <p>morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.</p> <h4>subheading</h4> <p>maecenas sed diam eget risus varius blandit sit amet non magna.</p> <footer class="footer"> <p> 2016 Company, Inc.</p> </footer> <!-- /container --> </body> </html>

9 BLACKTIE.CO Welcome to our new app site. Sign up now & prepare to enjoy our service. Enter your address... SART YOUR FREE TRIAL 30 DAY FREE TRIAL - NO CREDIT CARD NEEDED. All the features you want in this kind of apps you'll got it here. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Join your experiences with the people you care more. Let us help you. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. LEARN MORE Our Pricing Model It's Quite Easy To Understand. STANDARD BUSINESS CORPORATE 10GB Storage Space 50GB Storage Space 100GB Storage Space Free Support Free Support Free Support 100 Users 500 Users 10,000 Users 100GB Bandwith 500GB Bandwith 3TB Bandwith $ 29 /mo. SUBSCRIBE NOW $ 49 /mo. SUBSCRIBE NOW I enjoyed so much the last edition of Landing Sumo, that I bought the tickets for the new one edition of the event the first day. DAVID JHONSON You Can Contact Us HELLO@LANDINGSUMO.COM COPYRIGHT LANDING SUMO $ 89 /mo. SUBSCRIBE NOW

10 index.html 13 index.html 23 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <link rel="icon" href="assets/img/favicon.ico"> <title>blacktie.co - Sumo Lading</title> <!-- Bootstrap core CSS --> <link href="assets/css/bootstrap.css" rel="stylesheet"> <!-- Custom styles for this template --> <link href="assets/css/ionicons.min.css" rel="stylesheet"> <link href="assets/css/style.css" rel="stylesheet"> <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> <script src="assets/js/ie10-viewport-bug-workaround.js"></script> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src=" <script src=" <![endif]--> </head> <!--/col-md-8--> <!--/sep--> <div class="container ptb"> <div class="row centered"> <h2 class="mb">our Pricing Model<br/>It's Quite Easy To Understand.</h2> <div class="col-md-4"> <div class="price-table"> <div class="p-head"> Standard <div class="p-body"> <ul class="features"> <li>10gb Storage Space</li> <li>free Support</li> <li>100 Users</li> <li>100gb Bandwith</li> </ul> <div class="price"> <span class="sub">$</span> <span class="detail">29</span> <span class="sub">/mo.</span> <!--/price--> <button class="btn btn-conf-2 btn-green">subscribe Now</button> <!--/p-body--> <!--/price-table--> <!--/col-md-4--> <body> <div id="h"> <div class="logo">blacktie.co <div class="social hidden-xs"> <a href="#"><i class="ion-social-twitter"></i></a> <a href="#"><i class="ion-social-instagram"></i></a> <a href="#"><i class="ion-social-facebook"></i></a> <div class="container"> <div class="row"> <div class="col-md-8 col-md-offset-2 centered"> <h1>welcome to our new app site.<br/>sign up now & prepare to enjoy our service.</h1> <div class="mtb"> <form role="form" action="register.php" method="post" enctype="plain"> <input type=" " name=" " class="subscribe-input" placeholder="enter your address..." required> <button class='btn btn-conf btn-green' type="submit">sart your free trial</button> </form> <!--/mt--> <h6>30 DAY FREE TRIAL - NO CREDIT CARD NEEDED.</h6> <!--/row--> <!--/container--> <!-- /H --> <div class="container ptb"> <div class="row"> <div class="col-md-6"> <h2>all the features you want in this kind of apps you'll got it here.</h2> <p class="mt">lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p class="store"> <a href="#"><img src="assets/img/app-store.png" height="50" alt=""></a> <a href="#"><img src="assets/img/google-play.png" height="50" alt=""></a> </p> <div class="col-md-6"> <img src="assets/img/phone.png" class="img-responsive mt" alt=""> <!--/row--> <!--/container--> <div id="sep"> <div class="container"> <div class="row centered"> <div class="col-md-8 col-md-offset-2"> <h1>join your experiences with the people you care more. Let us help you.</h1> <h4>lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</h4> <p><button class="btn btn-conf-2 btn-green">learn More</button></p> <div class="col-md-4"> <div class="price-table"> <div class="p-head"> Business <div class="p-body"> <ul class="features"> <li>50gb Storage Space</li> <li>free Support</li> <li>500 Users</li> <li>500gb Bandwith</li> </ul> <div class="price"> <span class="sub">$</span> <span class="detail">49</span> <span class="sub">/mo.</span> <!--/price--> <button class="btn btn-conf-2 btn-green">subscribe Now</button> <!--/p-body--> <!--/price-table--> <!--/col-md-4--> <div class="col-md-4"> <div class="price-table"> <div class="p-head"> Corporate <div class="p-body"> <ul class="features"> <li>100gb Storage Space</li> <li>free Support</li> <li>10,000 Users</li> <li>3tb Bandwith</li> </ul> <div class="price"> <span class="sub">$</span> <span class="detail">89</span> <span class="sub">/mo.</span> <!--/price--> <button class="btn btn-conf-2 btn-green">subscribe Now</button> <!--/p-body--> <!--/price-table--> <!--/col-md-4--> <!--/row--> <!--/container--> <div id="g"> <div class="container"> <div class="row sponsor centered"> <div class="col-sm-2 col-sm-offset-1"> <img src="assets/img/client1.png" alt="">

11 index.html 33 <div class="col-sm-2"> <img src="assets/img/client3.png" alt=""> <div class="col-sm-2"> <img src="assets/img/client2.png" alt=""> <div class="col-sm-2"> <img src="assets/img/client4.png" alt=""> <div class="col-sm-2"> <img src="assets/img/client5.png" alt=""> <!--/row--> <!--/g--> <div id="green"> <div class="container"> <div class="row"> <div class="col-md-6 col-md-offset-3 centered"> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <!-- Wrapper for slides --> <div class="carousel-inner"> <div class="item active"> <h3>i enjoyed so much the last edition of Landing Sumo, that I bought the tickets for the new one edition of the event the first day.</h3> <h5><tgr>david JHONSON</tgr></h5> <div class="item"> <h3>it is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</h3> <h5><tgr>mark LAWRENCE</tgr></h5> <div class="item"> <h3>there are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration, by injected humour.</h3> <h5><tgr>lisa SMITH</tgr></h5> <!--/Carousel--> <!--/row--> <!--/container--> <!--/green--> <div id="f"> <div class="container"> <div class="row centered"> <h2>you Can Contact Us</h2> <h5>hello@landingsumo.com</h5> <p class="mt"> <a href="#"><i class="ion-social-twitter"></i></a> <a href="#"><i class="ion-social-dribbble"></i></a> <a href="#"><i class="ion-social-instagram"></i></a> <a href="#"><i class="ion-social-facebook"></i></a> <a href="#"><i class="ion-social-pinterest"></i></a> <a href="#"><i class="ion-social-tumblr"></i></a> </p> <h6 class="mt">copyright LANDING SUMO</h6> <!--/row--> <!--/container--> <!--/F--> <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <script src="assets/js/jquery.min.js"></script> <script src="assets/js/bootstrap.min.js"></script> <script src="assets/js/retina js"></script> </body> </html>

12

13

14

15

Zero to Hero. CSS Frameworks. Zero to Hero. - Boris Fritscher 1 / 26. Bootstrap (

Zero to Hero. CSS Frameworks. Zero to Hero. - Boris Fritscher 1 / 26. Bootstrap ( 643-1-1 Projet de technologies WEB de présentation Zero to Hero Part 1: From blank page to deployed website Tools and git CSS Frameworks don't reinvent the wheel use best practices get reusable components

More information

BOOTSTRAP AFFIX PLUGIN

BOOTSTRAP AFFIX PLUGIN BOOTSTRAP AFFIX PLUGIN http://www.tutorialspoint.com/bootstrap/bootstrap_affix_plugin.htm Copyright tutorialspoint.com The affix plugin allows a to become affixed to a location on the page. You can

More information

Certified Organisation logo guidelines. Version 1.0 April 2018

Certified Organisation logo guidelines. Version 1.0 April 2018 Certified Organisation logo guidelines Colour logo for use on white or clear backgrounds Logo overview The TEC Quality logo is an important part of our visual identity. The logo communicates that quality

More information

For instructions to change the logo, please refer to: ore

For instructions to change the logo, please refer to:   ore Header Phone Number, Email and Menu Links: To change Email and Phone number; Go to Settings -> General -> Store Settings Click on the " Store " tab Scroll down to the " Merchant Information " section of

More information

Viewport, custom CSS, fonts

Viewport, custom CSS, fonts CS120 Web Development LIU 1 of 9 Viewport, custom CSS, fonts Running a web server (optional) When creating basic static web sites, it s entirely possible to test them in your browser just using a file://

More information

FOR THOSE WHO DO. Lenovo Annual Report

FOR THOSE WHO DO. Lenovo Annual Report FOR THOSE WHO DO. Lenovo Annual Report 2014 CONTENTS 2 6 About Lenovo 4 Financial Highlights 5 Chairman & CEO Statement Performance About Lenovo Lenovo is one of the world's leading personal technology

More information

Creating An Effective Academic Poster. ~ A Student Petersheim Workshop

Creating An Effective Academic Poster. ~ A Student Petersheim Workshop Creating An Effective Academic Poster ~ A Student Petersheim Workshop 11 Seconds Poster Graphics and Pictures Headlines and Subheadings Poster Copy PRINCIPLES OF DESIGN BALANCE Visual balance comes

More information

MKA PLC Controller OVERVIEW KEY BENEFITS KEY FEATURES

MKA PLC Controller OVERVIEW KEY BENEFITS KEY FEATURES 1881 OVERVIEW The ezswitch Controller is a compact PLC for the modular. In addition to providing commonly used network and Fieldbus interfaces, the controller supports all digital, analog and speciality

More information

Timon Hazell, LEED AP Senior BIM Engineer. Galen S. Hoeflinger, AIA BIM Technologist Manager

Timon Hazell, LEED AP Senior BIM Engineer. Galen S. Hoeflinger, AIA BIM Technologist Manager Timon Hazell, LEED AP Senior BIM Engineer Galen S. Hoeflinger, AIA BIM Technologist Manager Find Joy in Your Work The Human Aspect The Human Aspect Importance of Architecture Know People The Human Aspect

More information

Gestures: ingsa GESTURES

Gestures: ingsa GESTURES GESTURES FORWARD AND BACKWARD SWIPE RIGHT TO GO TO THE NEXT SCREEN OR SWIPE LEFT TO GO TO THE PREVIOUS SCREEN IN THE STORY FLOW SELECT TAP WITH 1 FINGER TO NAVIGATE THOROUGH AN INTERACTIVE ITEM (SCENES)

More information

Intermediate District 288. Brand Manual. Visual Identity Guide

Intermediate District 288. Brand Manual. Visual Identity Guide Intermediate District 288 Brand Manual Visual Identity Guide SWMetro District Office 792 Canterbury Road, Suite 211 Shakopee, MN 55379 (952) 567.8100 Overview The SouthWest Metro Intermediate District

More information

Connected TV Applications for TiVo. Project Jigsaw. Design Draft. 26 Feb 2013

Connected TV Applications for TiVo. Project Jigsaw. Design Draft. 26 Feb 2013 Connected TV Applications for TiVo Project Jigsaw Design Draft 26 Feb 2013 UI Design Connected TV application for TiVo Project Jigsaw 2 Overview LAUNCH POINT The goal of Project Jigsaw is to create a library

More information

Example project Functional Design. Author: Marion de Groot Version

Example project Functional Design. Author: Marion de Groot Version Example project Functional esign uthor: Marion de Groot Version 1.0-18-4-2013 Table of contents 3 Introduction Requirements gathering 4 Use cases 5 Use case flow diagram 6 Users and Rights 7 Requirements

More information

TITLE - Size 16 - Bold

TITLE - Size 16 - Bold EDCE 2010-2011 - Size 12 - Normal Conceptual Design of Structures - Size 12 - Normal Instructor: A. Muttoni, R. Salvi, P. Wahlen - Assitant: T. Clément - Author: X. Name - TITLE - Size 16 - Bold Pier Luigi

More information

TITLE. Tips for Producing a Newsletter IN THIS ISSUE

TITLE. Tips for Producing a Newsletter IN THIS ISSUE TITLE UNIT NAME DATE Advantages of a Newsletter The purpose of a newsletter is to provide specialized information to a targeted audience. Newsletters can be a great way to market yourself, and also create

More information

Front-End UI: Bootstrap

Front-End UI: Bootstrap Responsive Web Design BootStrap Front-End UI: Bootstrap Responsive Design and Grid System Imran Ihsan Assistant Professor, Department of Computer Science Air University, Islamabad, Pakistan www.imranihsan.com

More information

TITLE SUBTITLE Issue # Title Subtitle. Issue Date. How to Use This Template. by [Article Author] Article Title. Page # Article Title.

TITLE SUBTITLE Issue # Title Subtitle. Issue Date. How to Use This Template. by [Article Author] Article Title. Page # Article Title. TITLE SUBTITLE Issue # Title Subtitle Issue Date TYPE TAGLINE HERE IN THIS ISSUE How to Use This Template Article Title Page # Article Title Page # TITLE SUBTITLE Issue # 2 Using Styles by Name Style HEADING

More information

The L A TEX Template for MCM Version v6.2

The L A TEX Template for MCM Version v6.2 For office use only T1 T2 T3 T4 Team Control Number 0000 Problem Chosen A 2016 MCM/ICM Summary Sheet For office use only F1 F2 F3 F4 The L A TEX Template for MCM Version v6.2 Summary Lorem ipsum dolor

More information

cosmos a tech startup

cosmos a tech startup a tech startup Logo Business Card Lorem Ipsum company director Street name City, State, Zipcode (555) 555-5555 lorem@ipsum.com www.loremipsum.com Lorem ipsum dolor sit amet, consectetur adipiscing elit.

More information

Paper Template for INTERSPEECH 2018

Paper Template for INTERSPEECH 2018 Paper Template for INTERSPEECH 2018 Author Name 1, Co-author Name 2 1 Author Affiliation 2 Co-author Affiliation author@university.edu, coauthor@company.com Abstract For your paper to be published in the

More information

Bootstrap 1/20

Bootstrap 1/20 http://getbootstrap.com/ Bootstrap 1/20 MaxCDN

More information

Brand identity guidelines

Brand identity guidelines Brand identity guidelines CONTENTS 1 LOGO 5 COLOUR 6 TYPEFACE 8 SIGNAGE These guidelines are to help you understand the PACIFIC ALUMINIUM visual brand. The following pages demonstrate how the PACIFIC ALUMINIUM

More information

Brand Guidelines MAY 2016

Brand Guidelines MAY 2016 Brand Guidelines MAY 2016 CONTENT LOGO 1-11 COLORS 12 TYPOGRAPHY 13-14 STYLE 15-19 STATIONARY 20-30 including: BUSINESS CARD 21-22 LETTERHEAD 23 EMAIL SIGNATURE 24 CLIENT PROPOSAL & REPORT 25-26 NEWSLETTER

More information

The Next Big Thing Prepared for Meeting C

The Next Big Thing Prepared for Meeting C The Next Big Thing Prepared for Meeting C++ 2018 Andrei Alexandrescu, Ph.D. andrei@erdani.com November 15, 2018 1 / 48 Squeaky Wheel Gets the Grease 2 / 48 ( Those were the most cringey minutes of the

More information

G2E Web Banners: 200 x 100 Signature. 160 x 160 Social Media. 125 x 125 web button

G2E Web Banners: 200 x 100  Signature. 160 x 160 Social Media. 125 x 125 web button G2E Web Banners: 200 x 100 Email Signature 160 x 160 Social Media We will generate a special coded link just for you. After you submit your order, you will receive an email (see sample below) with your

More information

CSE 154 LECTURE 5: FLOATING AND POSITIONING

CSE 154 LECTURE 5: FLOATING AND POSITIONING CSE 154 LECTURE 5: FLOATING AND POSITIONING The CSS float property property float description side to hover on; can be left, right, or none (default) a floating element is removed from normal document

More information

src0-dan/mobile.html <!DOCTYPE html> Dan Armendariz Computer Science 76 Building Mobile Applications Harvard Extension School

src0-dan/mobile.html <!DOCTYPE html> Dan Armendariz Computer Science 76 Building Mobile Applications Harvard Extension School src0-dan/mobile.html 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.

More information

template guidelines. 1. Visual identity 2. How to build an

template guidelines. 1. Visual identity 2. How to build an Email template guidelines 1. Visual identity 2. How to build an email 1. Visual identity There are four main elements of an email s visual identity: University logo Typography Colour Imagery University

More information

BRAND GUIDELINES All rights reserved.

BRAND GUIDELINES All rights reserved. BRAND GUIDELINES 2017. All rights reserved. LOGO :: INTRODUCTION The Live Purple Logo Mark the most recognizable visual brand element differentiates itself from similar cause based fundraisers. The mark

More information

RHYMES WITH HAPPIER!

RHYMES WITH HAPPIER! RHYMES WITH HAPPIER! Title Subtitle Date Title Subtitle Date Title Subtitle Date Title Subtitle Date WHO AM I? First Last Body copy Quick Facts about Zapier HQ: San Francisco, CA 100% Remote 145 Employees

More information

City of Literature Branding

City of Literature Branding Branding The logo is based upon letterpress print techniques to demonstrate Manchesters history with literature in physical form. It is designed to be responsive so has different versions dependant on

More information

This page presents most of typographical aspects of JA Drimia. Make your readers happy with great Typography and User Experience!

This page presents most of typographical aspects of JA Drimia. Make your readers happy with great Typography and User Experience! This page presents most of typographical aspects of JA Drimia Make your readers happy with great Typography and User Experience! This is an Heading 1 Lorem tortor Curabitur urna interdum Maecenas ut felis

More information

Visual identity guideline. BrandBook BLOOMINGFELD. Brandbook 2016.

Visual identity guideline. BrandBook BLOOMINGFELD. Brandbook 2016. BrandBook 2016. Logo. Correct color use Typeface BLOOMING FELD Brandon Grotesque Black Brandon Grotesque Regular ABCDEFGHIJKLMNOPQR STUVWXYZ ABCDEFGHIJKLMNOPQR STUVWXYZ abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz

More information

Are You Using Engagement TilesTM?

Are You Using Engagement TilesTM? Are You Using Engagement TilesTM? These interactive, easily embeddable tiles will convert website engagement into email subscribers and in-store customers with just one click! Coupon Tile: Send coupons

More information

web-sockets-homework Directions

web-sockets-homework Directions web-sockets-homework Directions For this homework, you are asked to use socket.io, and any other library of your choice, to make two web pages. The assignment is to create a simple box score of a football

More information

BOWIE FARMERS MARKET. Anne Bontogon Campaign Bowie Farmers Market

BOWIE FARMERS MARKET. Anne Bontogon Campaign Bowie Farmers Market BOWIE FARMERS MARKET Anne Bontogon Campaign Bowie Farmers Market Research Competition: Bowie Farmers Market is provides fresh produce, fruit, meat and poultry in the Bowie community. Its competitors are

More information

NATURAL BUILDING TECHNOLOGIES Document: Feedback Sheet Revision: A Date: 13/07/16 Queries:

NATURAL BUILDING TECHNOLOGIES Document: Feedback Sheet Revision: A Date: 13/07/16 Queries: Document: Feedback Sheet Revision: A Date: 13/07/16 What s a wireframe? It s important that everything you need to present on the site is accounted for, and has been considered in the layout. The best

More information

VISUAL. Standards Guide

VISUAL. Standards Guide VISUAL Standards Guide Published: August 19, 2013 TABLE OF CONTENTS This is the approved Visual Standards Guide for Southeastern Community College. All logos and symbols in this manual are the property

More information

Teach Yourself Microsoft Publisher Topic 2: Text Boxes

Teach Yourself Microsoft Publisher Topic 2: Text Boxes Teach Yourself Microsoft Publisher Topic 2: Text Boxes http://www.gerrykruyer.com In this second Microsoft Publisher lesson, you will look at Publisher Text Boxes and how they are different to MS Word

More information

Insights. Send the right message to the right person at the right time.

Insights. Send the right message to the right person at the right time. Insights Send the right message to the right person at the right time. StreamSend Insights Guide www.streamsend.com What is StreamSend Insights? StreamSend Insights is a powerful marketing automation platform

More information

ALWAYS MOVING FORWARD MIDWAY S GRAPHIC IDENTITY STANDARDS MANUAL

ALWAYS MOVING FORWARD MIDWAY S GRAPHIC IDENTITY STANDARDS MANUAL ALWAYS MOVING FORWARD MIDWAY S GRAPHIC IDENTITY STANDARDS MANUAL OVERVIEW The Midway Branding Standards is a reference tool that provides standards and guidelines for all usage of graphics in order to

More information

Row 1 This is data This is data

Row 1 This is data This is data mpdf TABLES CSS Styles The CSS properties for tables and cells is increased over that in html2fpdf. It includes recognition of THEAD, TFOOT and TH. See below for other facilities such as autosizing, and

More information

Row 1 This is data This is data. This is data out of p This is bold data p This is bold data out of p This is normal data after br H3 in a table

Row 1 This is data This is data. This is data out of p This is bold data p This is bold data out of p This is normal data after br H3 in a table mpdf TABLES CSS Styles The CSS properties for tables and cells is increased over that in html2fpdf. It includes recognition of THEAD, TFOOT and TH. See below for other facilities such as autosizing, and

More information

Faculty Web Pages: Editing the Template Prepared by Tamara Fudge, June 2008

Faculty Web Pages: Editing the Template Prepared by Tamara Fudge, June 2008 Faculty Web Pages: Editing the Template Prepared by Tamara Fudge, June 2008 FacWeb 1 The following shows the contents of the FacWeb.txt document, with instructions for replacing certain items with your

More information

COLORS COLOR USAGE LOGOS LOCK UPS PHOTOS ELEMENTS ASSETS POWERPOINT ENVIRONMENTAL COLLATERAL PROMO ITEMS TABLE OF CONTENTS

COLORS COLOR USAGE LOGOS LOCK UPS PHOTOS ELEMENTS ASSETS POWERPOINT ENVIRONMENTAL COLLATERAL PROMO ITEMS TABLE OF CONTENTS COLORS COLOR USAGE LOGOS LOCK UPS PHOTOS ELEMENTS ASSETS POWERPOINT ENVIRONMENTAL COLLATERAL PROMO ITEMS TABLE OF CONTENTS PANTONE 349 HEX 026937 RGB 2, 105, 55 CMYK 90, 33, 100, 26 PANTONE 7489 HEX 73A950

More information

This page presents most of typographical aspects of JA Teline iii. Make your readers happy with great Typography and User Experience!

This page presents most of typographical aspects of JA Teline iii. Make your readers happy with great Typography and User Experience! This page presents most of typographical aspects of JA Teline iii. Make your readers happy with great Typography and User Experience! This is an Heading 1 Lorem tortor Curabitur urna interdum Maecenas

More information

VISUAL IDENTITY STARTER KIT FOR ENSURING OUR COMMUNICATIONS ARE COHESIVE, CONSISTENT AND ENGAGING 23 OCTOBER 2008

VISUAL IDENTITY STARTER KIT FOR ENSURING OUR COMMUNICATIONS ARE COHESIVE, CONSISTENT AND ENGAGING 23 OCTOBER 2008 VISUAL IDENTITY STARTER KIT FOR ENSURING OUR COMMUNICATIONS ARE COHESIVE, CONSISTENT AND ENGAGING 23 OCTOBER 2008 Contents 1 Logo colourways and artworks: Colour combinations for use on different background

More information

For instructions to change the logo, please refer to: ore

For instructions to change the logo, please refer to:   ore Header Note: VapeDay Theme have 2 versions. Version 1.0 with Left bar for long list of categories and Version 2.0 with No Left bar with categories in the header. While editing the theme files from template

More information

Zero to Hero. CSS Frameworks

Zero to Hero. CSS Frameworks 643-1-1 Projet de technologies WEB de présentation Zero to Hero Part 1: From blank page to deployed website Tools and git CSS Frameworks don't reinvent the wheel use best practices get reusable components

More information

file:///users/nma/desktop/chris_mac/chris_school/kcc_nmawebsite/_technology/sitebuild/htdocs/gargiulo/data/johndoe/spring/art128...

file:///users/nma/desktop/chris_mac/chris_school/kcc_nmawebsite/_technology/sitebuild/htdocs/gargiulo/data/johndoe/spring/art128... file:///users/nma/desktop/chris_mac/chris_school/kcc_nmawebsite/_technology/sitebuild/htdocs/gargiulo/data/johndoe/spring/art128... 1 2 3 4 5 company

More information

OCTOBER 16 NEWSLETTER. Lake Mayfield Campground OR-LOW GOOD TIMES

OCTOBER 16 NEWSLETTER. Lake Mayfield Campground OR-LOW GOOD TIMES a OR-LOW GOOD TIMES OCTOBER 16 NEWSLETTER Lake Mayfield Campground by Nan O. The October camp out was a joint adventure with hosts Nor West LoWs. We arrived on Monday, October 10 th and stayed three nights.

More information

ALBERTO CONTESTABiLI. PORTFOLIO

ALBERTO CONTESTABiLI. PORTFOLIO ALBERTO CONTESTABiLI PORTFOLIO a.contesta@me.com +44 7904 895965 Hybrid Designer specialising in UI/UX Expert in web applications & mobile devices About me Hi my name is Alberto. I m a hybrid design-focused

More information

BRAND IDENTITY GUIDELINE

BRAND IDENTITY GUIDELINE BRAND IDENTITY GUIDELINE PAGE 1 IMPORTANCE OF A This brand identity guideline details the conditions of use enforced when using the Bell Bunya Community Centre () brand in corporate production items. It

More information

Formatting Theses and Papers using Microsoft Word

Formatting Theses and Papers using Microsoft Word Formatting Theses and Papers using Microsoft Word (CDTL) National University of Singapore email: edtech@groups.nus.edu.sg Table of Contents About the Workshop... i Workshop Objectives... i Session Prerequisites...

More information

Let's take a look at what CSS looks like in Dreamweaver using the "Embedded" coding which is the styles are within the html code and not separate.

Let's take a look at what CSS looks like in Dreamweaver using the Embedded coding which is the styles are within the html code and not separate. Creating web pages using CSS and Dreamweaver CS3 Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation of a document written in a markup language. Its most common application

More information

A Road To Better User Experience. The lonely journey every front-end developer must walk.

A Road To Better User Experience. The lonely journey every front-end developer must walk. A Road To Better User Experience The lonely journey every front-end developer must walk. Kotaro Fujita kut@tomatoboy.co Web/iOS/Game Development AGENDA What is UI/UX? Idealized Workflow Realities Random

More information

Colors. F0563A Persimmon. 3A414C Cobalt. 8090A2 Slate Shale. C4CDD6 Alloy Coal. EFF3F5 Silver. EDF3F9 Horizon.

Colors. F0563A Persimmon. 3A414C Cobalt. 8090A2 Slate Shale. C4CDD6 Alloy Coal. EFF3F5 Silver. EDF3F9 Horizon. Colors Brand Primary F0563A Persimmon 3A414C Cobalt Secondary Brand 333943 Coal 697582 Shale 8090A2 Slate C4CDD6 Alloy E1E6EB Platinum EFF3F5 Silver EDF3F9 Horizon FFFFFF White Interaction 0088A9 Ocean

More information

[Main Submission Title] (Font: IBM Plex Sans Bold, 36 point)

[Main Submission Title] (Font: IBM Plex Sans Bold, 36 point) [Main Submission Title] (Font: IBM Plex Sans Bold, 36 point) [Author Names] Author 1 [Anonymised for submission] 1, Author 2 [Anonymised] 2 (each author name separated by commas) and Author 3 [Anonymised]

More information

Session 5. Web Page Generation. Reading & Reference

Session 5. Web Page Generation. Reading & Reference Session 5 Web Page Generation 1 Reading Reading & Reference https://en.wikipedia.org/wiki/responsive_web_design https://www.w3schools.com/css/css_rwd_viewport.asp https://en.wikipedia.org/wiki/web_template_system

More information

Brand Guide. Last Revised February 9, :38 PM

Brand Guide. Last Revised February 9, :38 PM Brand Guide Last Revised February 9, 2016 2:38 PM The Trinity brand is current, energetic and strong. Through textures, images, typography and color it has the versatility to be playful and trendy as well

More information

logo graphic will go here

logo graphic will go here I will be creating a web site that will promote my freelance graphic design and photography business. I will outline my business and display of my commercial photography, print and web design. Having a

More information

TUSCALOOSA CITY SCHOOLS Graphic Standards and Logo Use Guide

TUSCALOOSA CITY SCHOOLS Graphic Standards and Logo Use Guide TUSCALOOSA CITY SCHOOLS Graphic Standards and Logo Use Guide THE LOGO: Primary Version Concept: Fresh Modern Symbolic Rationale: The new logo gives the education system a fresh and modern appeal. Tuscaloosa

More information

А «- - «Exellent»» 50, 18, «Exellent»., , -., -. -,, html -. - «Exellent»,.

А «- - «Exellent»» 50, 18, «Exellent»., , -., -. -,, html -. - «Exellent»,. А «- - «Exellent»» 50, 18, 21. - - «Exellent»., -. -. -. -, -., -. -,, html -. - «Exellent»,. А... 3 1 -... 5 1.1, -... 5 1.2 Э -... 8 1.3 -... 9 1.4, -... 16 1.4.1... 16 1.4.2... 18 1.4.3.... 18 2 - «Exellent»...

More information

DFSA - Web Site Revamp

DFSA - Web Site Revamp DFSA - Web Site Revamp Wireframe designs depicting the user experience version 3.0 0 May, 008 Developed By: Husain Hakim Director of User Experience & Design Interactive Limited husain@interactive-ltd.com

More information

LARK BISTRO LOGO & WEBSITE DESIGN PROPOSAL

LARK BISTRO LOGO & WEBSITE DESIGN PROPOSAL LARK BISTRO LOGO & WEBSITE DESIGN PROPOSAL Prepared for: Susan Lark Prepared by: Wes McDowell September 30, 2011 Section 1 Client Background Lark is a startup bistro & wine bar in downtown Seattle. Their

More information

Personal brand identity desigend by JAVIER

Personal brand identity desigend by JAVIER Personal brand identity desigend by JAVIER Logo conceptualization Concept Shape the Z is the base, if you observe I ve placed Color The concept was designed using the The use of the AZ is a great idea,

More information

Making the New Notes. Christoph Noack OpenOffice.org User Experience Max Odendahl OpenOffice.org Development Christian Jansen Sun Microsystems

Making the New Notes. Christoph Noack OpenOffice.org User Experience Max Odendahl OpenOffice.org Development Christian Jansen Sun Microsystems Making the New Notes Community Cooperation Concepts Christoph Noack OpenOffice.org User Experience Max Odendahl OpenOffice.org Development Christian Jansen Sun Microsystems Making the New Notes Community

More information

Unit 20 - Client Side Customisation of Web Pages. Week 2 Lesson 4 The Box Model

Unit 20 - Client Side Customisation of Web Pages. Week 2 Lesson 4 The Box Model Unit 20 - Client Side Customisation of Web Pages Week 2 Lesson 4 The Box Model So far Looked at what CSS is Looked at why we will use it Used CSS In-line Embedded (internal style-sheet) External

More information

,.., «..»

,.., «..» ,.., 2018. 09.03.03.19 - «..».... 2018 1 : - 39, 5, 1. : -. :,, -,. -.,,. 2 ... 4 1 -. 6 1.1 -... 6 1.2 -... 9 1.3 -... 11 1.4, -... 13 2. - «..»... 16 2.1.... 16 2.2 CMS WordPress... 17 2.3 -... 22...

More information

Compassion. Action. Change.

Compassion. Action. Change. DRAFT GRAPHIC STANDARDS GUIDE Contents 3 Overview 4 Tagline 6 Imagery 7 Identity Overview 8 CalMHSA Logo 10 Logo Usage 12 CalMHSA Logo Configurations 14 Color Palette 15 Typography 19 Design Samples GRAPHIC

More information

Bootstrap Carousel. jquery Image Sliders

Bootstrap Carousel. jquery Image Sliders Bootstrap Carousel jquery Image Sliders Bootstrap Carousel Carousel bootstarp css js jquery js bootstrap.js http://getbootstrap.com/javascript/#carousel item ol.carousel-indicators li

More information

Chapter6: Bootstrap 3. Asst.Prof.Dr. Supakit Nootyaskool Information Technology, KMITL

Chapter6: Bootstrap 3. Asst.Prof.Dr. Supakit Nootyaskool Information Technology, KMITL Chapter6: Bootstrap 3 Asst.Prof.Dr. Supakit Nootyaskool Information Technology, KMITL Objective To apply Bootstrap to a web site To know how to build various bootstrap commands to be a content Topics Bootstrap

More information

Apprenda Enterprise PaaS

Apprenda Enterprise PaaS Apprenda Enterprise PaaS Enabling the Application Centric Enterprise Patriek van Dorp, Sales Engineer EMEA pvandorp@apprenda.com Enterprise Software Development High pressure for fast delivery of new business

More information

Version 1.4 March 15, Notes Bayer- Kogenate 2010 WFH Microsoft Surface Project (HKOG-39563) Information Architecture Wireframes

Version 1.4 March 15, Notes Bayer- Kogenate 2010 WFH Microsoft Surface Project (HKOG-39563) Information Architecture Wireframes Notes Author Version Comments Mick Rosolek.0 Initial Draft Mick Rosolek. First Round Edits Mick Rosolek.2 Additional Edits Mick Rosolek.3 Amendment Mick Rosolek.4 Amendment Site Map - Page of 4 0.0 Pre-Engagement

More information

Project Title. A Project Report Submitted in partial fulfillment of the degree of. Master of Computer Applications

Project Title. A Project Report Submitted in partial fulfillment of the degree of. Master of Computer Applications Project Title A Project Report Submitted in partial fulfillment of the degree of Master of Computer Applications By Student Name1(xxMCMCxx) Student Name2(yyMCMCyy) School of Computer and Information Sciences

More information

Overly Companies (OSA, BRICO)

Overly Companies (OSA, BRICO) Overly Companies (OSA, BRICO) Website Redesign & Development Functional Wireframes Version 1.1 2016 All Rights Reserved. Overly Companies Website Redesign and Development Functional Wireframes, V.1.1 2

More information

Thomas F. Sturm A Tutorial for Poster Creation with Tcolorbox

Thomas F. Sturm A Tutorial for Poster Creation with Tcolorbox 1 col1 col2 col3 col4 2 Poster Tutorial #1 Welcome to the poster tutorial! Thomas F. Sturm A Tutorial for Poster Creation with Tcolorbox 3 We start at the very begin with an empty poster. In this tutorial,

More information

CHI LAT E X Ext. Abstracts Template

CHI LAT E X Ext. Abstracts Template CHI LAT E X Ext. Abstracts Template First Author author1@anotherco.com Second Author author2@anotherco.com Third Author author3@anotherco.com Fourth Author author5@anotherco.com Fifth Author author6@anotherco.com

More information

My tags Ornare sociosqu, magna, nunc, erat duis, elit malesuada, arcu, quam ut. > View all. Recommended content

My tags Ornare sociosqu, magna, nunc, erat duis, elit malesuada, arcu, quam ut. > View all. Recommended content Notes 0.2.1 My Shortlist - My Shortlist My tags Subscriptions Account details Admin console Quick notes: - Admin console link: displays only for government users that have rights to access their country

More information

Thomas F. Sturm A Tutorial for Poster Creation with Tcolorbox

Thomas F. Sturm A Tutorial for Poster Creation with Tcolorbox 1 col1 col2 col3 col4 2 Poster Tutorial #1 Welcome to the poster tutorial! Thomas F. Sturm A Tutorial for Poster Creation with Tcolorbox 3 We start at the very begin with an empty poster. In this tutorial,

More information

Cascading Style Sheet KAVERI KAR (ASSISTANT PROFESSOR) SSIPMT, RAIPUR

Cascading Style Sheet KAVERI KAR (ASSISTANT PROFESSOR) SSIPMT, RAIPUR Cascading Style Sheet Cascading Style Sheets, fondly referred to as CSS, is a simple design language intended to simplify the process of making web pages presentable. CSS handles the look and feel part

More information

For instructions to change the logo, please refer to:

For instructions to change the logo, please refer to: Header Top: Logo:- For instructions to change the logo, please refer to: https://support.3dcart.com/knowledgebase/article/view/630/5/how-do-i-add-logos-to-my-store Menu Links and Phone Number:- Menu LInks:

More information

Transforming IT-speak:

Transforming IT-speak: Transforming IT-speak: How to tell your IT Story Bailey Szeto, Vice President, Connected Selling Experience-IT, Cisco ITM-1009 The importance of communication The two words information and communication

More information

The POGIL Project Publication Guidelines

The POGIL Project Publication Guidelines 1 The POGIL Project Publication Guidelines Publication Submission Checklist 2 IN ORDER TO be published, you are required to review each item below before submitting your documents to The POGIL Project.

More information

Invoice Visual Design Specifications MEC

Invoice Visual Design Specifications MEC Invoice Visual Design Specifications MEC Author Dean Ashworth Version 01.02 Last Updated February 1, 2012 Page 1 Invoice Visual Design Specifications MEC Contents Note on sizes & scale... 1. Request Money....

More information

http://nma.kcc.hawaii.edu/gargiulo/data/johndoe/spring/art128/2014/companyname1_step3/index.html 1 2 3 4 5 company Name 6 7

More information

Style Guide. A company identity kit for brand management, style & usage

Style Guide. A company identity kit for brand management, style & usage Style Guide A company identity kit for brand management, style & usage October 2017 2 How to use this Branding Guide This document is a detailed handbook for anyone using or working with our brand: staff,

More information

Unit 20 - Client Side Customisation of Web Pages. Week 2 Lesson 4 The Box Model

Unit 20 - Client Side Customisation of Web Pages. Week 2 Lesson 4 The Box Model Unit 20 - Client Side Customisation of Web Pages Week 2 Lesson 4 The Box Model Last Time Looked at what CSS is Looked at why we will use it Used CSS In-line Embedded (internal style-sheet) External

More information

An output routine for an illustrated book

An output routine for an illustrated book An output routine for an illustrated book Boris Veytsman TUG2014 School of Systems Biology & Computational Materials Science Center, MS 6A12, George Mason University, Fairfax, VA 22030 1. Introduction

More information

BBN ANG 183 Typography Lecture 5A: Breaking text

BBN ANG 183 Typography Lecture 5A: Breaking text BBN ANG 183 Typography Lecture 5A: Breaking text Zoltán Kiss & Péter Szigetvári Dept of English Linguistics, Eötvös Loránd University kz & szp (delg) typo/breaking (5A) 1/ 37 outline probelms with WYSIWYG

More information

I D E N T I TY STA N DA R D S M A N UA L Rev 10.13

I D E N T I TY STA N DA R D S M A N UA L Rev 10.13 I D E N T I TY STA N DA R D S M A N UA L 3150-81-13 Rev 10.13 Table of Contents 1.1 How To Use This Manual 1.2 Web Resources Available to Faculty and Staff Basic Standards for the Signature 2.1 The Robert

More information

Pablo- Alejandro Quiñones. User Experience Portfolio

Pablo- Alejandro Quiñones. User Experience Portfolio Pablo- Alejandro Quiñones User Experience Portfolio About Me My name is Pablo I specialize in User Experience Research & User Interfaces I am passionate about User-Centered Design I believe research and

More information

American Political Science Review (APSR) Submission Template ANONYMISED AUTHOR(S) Anonymised Institution(s) Word Count: 658

American Political Science Review (APSR) Submission Template ANONYMISED AUTHOR(S) Anonymised Institution(s) Word Count: 658 APSR Submission Template APSR Submission Template APSR Submission Template APSR Submission Template APSR Submission Template APSR Submission Template APSR Submission Template APSR Submission Template Submission

More information

Brand identity design. Professional logo design + Branding guidelines + Stationery Designed by JAVIER

Brand identity design. Professional logo design + Branding guidelines + Stationery Designed by JAVIER Brand identity design Professional logo design + Branding guidelines + Stationery Designed by JAVIER Logo conceptualization Concept Shape Typography Color After reading the information provided After some

More information

Abstract. Author summary. Introduction

Abstract. Author summary. Introduction 1 3 4 5 6 7 8 9 10 11 1 13 14 15 16 17 18 19 0 1 3 4 5 6 7 8 9 30 31 3 33 34 35 36 37 38 Abstract sodales vulputate auctor. Nam lacus felis, fermentum sit amet nulla ac, tristique ultrices tellus. Integer

More information

Electronics is the PT004 default theme. So if you want to use this theme you only need to add pt004. See image below.

Electronics is the PT004 default theme. So if you want to use this theme you only need to add pt004. See image below. 31/03/2017 THEME ELECTRONICS Pagayo Manuals Pagayo Manuals THEME ELECTRONICS Electronics is the PT004 default theme. So if you want to use this theme you only need to add pt004. See image below. When you

More information

Customer Journey EIV and emsfaa. January 2018

Customer Journey EIV and emsfaa. January 2018 Customer Journey EIV and emsfaa January 2018 1 Electronic Identity Verification (EIV) 2 Step 0 After the student applies and is approved for student financial assistance funding, they receive a Notice

More information

Saturday January 6, pm

Saturday January 6, pm Seminar & Dance Workshop Miss Greater Reading 2017 ABIGAIL BACHMAN Saturday January 6, 2018 1-3pm Abigail Bachman is currently a student at Lock Haven University. She studies Recreational Therapy and minors

More information