diff --git a/CSS3assignments/Assignment2-CSS.pdf b/CSS3/Assignment2-CSS.pdf old mode 100755 new mode 100644 similarity index 100% rename from CSS3assignments/Assignment2-CSS.pdf rename to CSS3/Assignment2-CSS.pdf diff --git a/CSS3/css/assignment.css b/CSS3/css/assignment.css new file mode 100644 index 0000000..29ec697 --- /dev/null +++ b/CSS3/css/assignment.css @@ -0,0 +1,368 @@ +body{ + width: 95%; + margin: 15px auto; + /* border:1px solid; */ + font-family: 'robotoregular', Arial, sans-serif; +} + +header{ + overflow: auto; + overflow-y: hidden; +} +.svg-icons{ + overflow:auto; +} +.svg-icons ul { + float:right; +} +.svg-icons ul li{ + display:inline-block; + padding: 10px 10px; + + +} +.logowrapper{ + width: 20%; + box-sizing: border-box; + float: left; +} +.logoimg{ + padding-top:80px; + width: 100%; +} + +.bannerwrapper{ + width: 80%; + box-sizing: border-box; + float: left; +} +.bannerimg{ + width: 100%; +} + +.topnav { + font-family: 'robotolight', Arial, sans-serif; + font-weight:bold; + clear:both; + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + background: rgba(0, 0, 0, 0) linear-gradient(white, white, white, #d3d3d3) repeat scroll 0 0; +} +/* .topnav ul { + background: rgba(0, 0, 0, 0) linear-gradient(white, white, white, #d3d3d3) repeat scroll 0 0; +} */ + + +.topnav li { + padding: 10px 2px; + float: left; + margin: 0 8px; +} + +.topnav li :hover{ + color:#cd2e27; +} + + .topnav li a { + padding: 14px 28px; + display: inline-block; + color: grey; + font-size: 16px; + text-align: center; + padding: 14px 16px; + text-decoration: none; +} + +.content{ + font-family: 'robotoregular', Arial, sans-serif; + width: 72%; + float: left; + margin:0px 15px 15px 15px; + padding-left: 20px; + line-height: 20px; +} + + +.content h1{ + margin: 15px 0; + color:#cd2e27; + font-size:18px; +} + +.content p{ + margin: 10px 0; + } + +.signature{ + color:#4c9d68; +} + +.righ-nav{ + width: 18%; + float: right; + margin:18px 15px 15px 15px; +} +.captionwrapper{ + float: left; + width: 98%; + margin: 20px; + color:#c6c6c6; +} + +.imgcaption{ + float: left; + padding: 15px; + width: 30%; + text-align: center; +} + +.imgcaption img{ + width: 220px; + border-radius: 50%; + height: 220px; + transition: filter 2s; + +} + +.imgcaption img:hover{ + width: 220px; + border-radius: 50%; + height: 220px; + -webkit-filter: grayscale(100%); + filter: grayscale(100%); +} + +.captionImg li { + float: left; + width: 40%; +} + + + +input[type="text"] { + height: 20px; + +} + +big{ + display:block; +} + + + +.footer-btn{ + color:#fff; + width:100px; + height: 40px; + float: right; + border-radius: 16px; + border: none; + margin:0; + background-image: -o-linear-gradient(bottom, #08597F 0%, #085C80 100%); + background-image: -moz-linear-gradient(bottom, #08597F 0%, #085C80 100%); + background-image: -webkit-linear-gradient(bottom, #08597F 0%, #085C80 100%); + background-image: -ms-linear-gradient(bottom, #08597F 0%, #085C80 100%); + background-image: linear-gradient(to bottom, #08597F 0%, #085C80 100%); + +} + + + +.nav-list{ + margin-top: 10px; +} + +.nav-list h5{ + font-weight:bold; + padding: 10px 10px; + color: #fff; + background: #ccc; +} +.nav-list ul li{ + padding: 10px; + border-bottom: 2px solid black; + border-color:grey; + width: 85%; + border-style: dashed; +} +.mid-wrapper{ + overflow:auto; +} +.services{ + clear:both; +} + +footer{ + font-family: 'robotoregular', Arial, sans-serif !important; + overflow:auto; + overflow-x:hidden; + clear:both; + background:#58595b; + padding: 16px; +} + +footer h5{ + color:#fff; + font-size:18px; + padding: 16px 0; +} + +footer ul li{ + color:#828182; + padding:5px 0; + font-weight:bold; + line-height:18px; +} + + +footer section{ + padding: 16px; + width:30%; + float:left; +} +.contact-info{ + margin:0; + +} + +.contact-info input{ + + border-radius:10px; + width: 100%; + background:#c6c6c6; + border:none; + height:30px; +} + +button{ + height:26px; +} +table{ + width:350px; +} +table button { + background:#07587b; + color:#fff; + width:25%; + height: 26px; + float: right; + border-radius: 8px; + height: 26px; + border: none; + margin-right: 10px; +} + +input::-webkit-input-placeholder { +color: #000; +padding-left:10px; +} + +input:-moz-placeholder { +color: #000; +padding-left:10px; +} + +input::-moz-placeholder { +color: #000 ; +padding-left:10px; +} + +input:-ms-input-placeholder { +color: #000 ; +padding-left:10px; +} + +table tr{ + padding:10px 0; +} +table tr td:first-child{ + color:#949293; +} +table tr td{ + padding:5px 5px; + +} +table td:nth-child(2){ + width:100%; +} +.footer-nav{ + text-align:center; + width:100%; +} +.footer-nav ul li{ + display:inline-block; + border-right:1px solid #949293; + padding-right:5px; + +} +.footer-nav ul li:last-child{ + border-right:none; + +} + + + + @media (min-width:900px){ + .content{ + color:#9c9c9c; + font-family: 'robotoregular', Arial, sans-serif; + width: 72%; + float: left; + margin:0px 15px 15px 15px; + padding-left: 20px; + line-height: 20px; + } + +} + + + +@media (max-width:500px) and (min-width:320px) { + .wrapper{ + overflow:hidden; + } + .mid-wrapper{ + overflow:hidden; + } + .svg-icons{ + display:none; + overflow: auto; + } + .logoimg{ + padding-top: 20px; + } + .content{ + padding: 0 10px 0 0; + } + .content,.righ-nav { + + width:90%; + float:none; + + } + .righ-nav{ + margin:0 0 0 20px; + } + + .righ-nav section{ + padding: 0 15px; + } + + .imgcaption{ + float:none; + width:auto; + } + .services{ + width:auto; + + + } + footer section{ + float:none; + width:auto; + } +}​ + + diff --git a/CSS3/css/clear.css b/CSS3/css/clear.css new file mode 100644 index 0000000..af94440 --- /dev/null +++ b/CSS3/css/clear.css @@ -0,0 +1,48 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} \ No newline at end of file diff --git a/CSS3/css/icons.css b/CSS3/css/icons.css new file mode 100644 index 0000000..a912bc4 --- /dev/null +++ b/CSS3/css/icons.css @@ -0,0 +1,51 @@ +.icon-arrows_move2:before { + content: "\e900"; + color:#7d7d7d; + font-size: 55px; +} +.icon-arrows_plus:before { + content: "\e901"; + color:#7d7d7d; + font-size: 55px; +} +.icon-arrows_question:before { + content: "\e902"; + color:#7d7d7d; + font-size: 55px; +} +.icon-arrows_right_double-31:before { + content: "\e903"; + color:#7d7d7d; + font-size: 55px; +} +.icon-arrows_rotate_anti_dashed:before { + content: "\e904"; + color:#7d7d7d; + font-size: 55px; +} +.icon-arrows_shrink_diagonal1:before { + content: "\e905"; + color:#7d7d7d; + font-size: 55px; + +} +.icon-arrows_sign_left:before { + content: "\e906"; + color:#a5b6c4; + font-size: 18px; +} +.icon-arrows_sign_right:before { + content: "\e907"; + color:#a5b6c4; + font-size: 18px; +} +.icon-arrows_slide_right1:before { + content: "\e908"; + color:#a5b6c4; + font-size: 18px; +} +.icon-arrows_square_left:before { + content: "\e909"; + color:#a5b6c4; + font-size: 18px; +} \ No newline at end of file diff --git a/CSS3/css/style.css b/CSS3/css/style.css new file mode 100644 index 0000000..6f51c79 --- /dev/null +++ b/CSS3/css/style.css @@ -0,0 +1 @@ +body{width:95%;margin:15px auto;font-family:robotoregular,Arial,sans-serif}header{overflow:auto;overflow-y:hidden}.logowrapper{width:20%;box-sizing:border-box;float:left}.logoimg{padding-top:80px;width:100%}.bannerwrapper{width:80%;box-sizing:border-box;float:left}.bannerimg{width:100%}.topnav{font-family:robotolight,Arial,sans-serif;font-weight:700;clear:both;list-style-type:none;margin:0;padding:0;overflow:hidden;background:linear-gradient(#fff,#fff,#fff,#d3d3d3) rgba(0,0,0,0)}.topnav li{padding:10px 2px;float:left;margin:0 8px}.topnav li a{display:inline-block;color:grey;font-size:16px;text-align:center;padding:14px 16px;text-decoration:none}.topnav li a:hover{color:#cd2e27}.content{font-family:robotoregular,Arial,sans-serif;width:75%;float:left;margin:0 15px 15px;padding-left:20px;line-height:20px}.content h1{margin:15px 0;color:#cd2e27;font-size:18px}.content p{margin:10px 0}.signature{color:#4c9d68}.righ-nav{width:18%;float:right;margin:18px 15px 15px}.captionwrapper{float:left;width:98%;margin:20px;color:#c6c6c6}.imgcaption{float:left;padding:15px;width:30%;text-align:center}.imgcaption img{width:220px;border-radius:50%;height:220px}.captionImg li{float:left;width:40%}input[type=text]{height:20px}big{display:block}button{height:26px}.footer-btn{color:#fff;width:100px;height:40px;float:right;border-radius:16px;border:none;margin:0;background-image:-o-linear-gradient(bottom,#08597f 0,#085c80 100%);background-image:-moz-linear-gradient(bottom,#08597f 0,#085c80 100%);background-image:-webkit-linear-gradient(bottom,#08597f 0,#085c80 100%);background-image:-ms-linear-gradient(bottom,#08597f 0,#085c80 100%);background-image:linear-gradient(to bottom,#08597f 0,#085c80 100%)}table button{background:#07587b;color:#fff;width:25%;float:right;border-radius:8px;height:26px;border:none;margin-right:10px}.nav-list{margin-top:10px}.nav-list ul li{padding:10px;border-bottom:2px solid #000;border-color:grey;width:85%;border-style:dashed}.mid-wrapper{overflow:auto}.services{clear:both}footer{font-family:robotoregular,Arial,sans-serif!important;overflow:auto;overflow-x:hidden;clear:both;background:#58595b;padding:16px}footer h5{color:#fff;font-size:18px;padding:16px 0}footer ul li{color:#828182;padding:5px 0;font-weight:700;line-height:18px}footer section{padding:16px;width:30%;float:left}.contact-info{margin:0}.contact-info input{border-radius:10px;width:100%;background:#c6c6c6;border:none;height:30px}table tr{padding:10px 0}table tr td:first-child{color:#949293}input::-webkit-input-placeholder{color:#000;padding-left:10px}input:-moz-placeholder{color:#000;padding-left:10px}input::-moz-placeholder{color:#000;padding-left:10px}input:-ms-input-placeholder{color:#000;padding-left:10px}table tr td{padding:5px}table td:nth-child(2){width:100%}.footer-nav{text-align:center;width:100%}.footer-nav ul li{display:inline-block;border-right:1px solid #949293;padding-right:5px}.footer-nav ul li :last-child{border-right:none} \ No newline at end of file diff --git a/CSS3/css/typo.css b/CSS3/css/typo.css new file mode 100644 index 0000000..aa1fbdc --- /dev/null +++ b/CSS3/css/typo.css @@ -0,0 +1,25 @@ +@font-face { + font-family: 'icomoon'; + src: url('../fonts/icomoon.eot?8eyfsm'); + src: url('../fonts/icomoon.eot?8eyfsm#iefix') format('embedded-opentype'), + url('../fonts/icomoon.ttf?8eyfsm') format('truetype'), + url('../fonts/icomoon.woff?8eyfsm') format('woff'), + url('../fonts/icomoon.svg?8eyfsm#icomoon') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="icon-"], [class*=" icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'icomoon' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} \ No newline at end of file diff --git a/CSS3assignments/roboto font/Roboto-Light.ttf b/CSS3/fonts/Roboto-Light.ttf old mode 100755 new mode 100644 similarity index 100% rename from CSS3assignments/roboto font/Roboto-Light.ttf rename to CSS3/fonts/Roboto-Light.ttf diff --git a/CSS3assignments/roboto font/Roboto-Regular.ttf b/CSS3/fonts/Roboto-Regular.ttf old mode 100755 new mode 100644 similarity index 100% rename from CSS3assignments/roboto font/Roboto-Regular.ttf rename to CSS3/fonts/Roboto-Regular.ttf diff --git a/CSS3/fonts/icomoon.eot b/CSS3/fonts/icomoon.eot new file mode 100644 index 0000000..69b30f0 Binary files /dev/null and b/CSS3/fonts/icomoon.eot differ diff --git a/CSS3/fonts/icomoon.svg b/CSS3/fonts/icomoon.svg new file mode 100644 index 0000000..95298d5 --- /dev/null +++ b/CSS3/fonts/icomoon.svg @@ -0,0 +1,18 @@ + + + +Generated by IcoMoon + + + + + + + + + + + + + + \ No newline at end of file diff --git a/CSS3/fonts/icomoon.ttf b/CSS3/fonts/icomoon.ttf new file mode 100644 index 0000000..9a05c32 Binary files /dev/null and b/CSS3/fonts/icomoon.ttf differ diff --git a/CSS3/fonts/icomoon.woff b/CSS3/fonts/icomoon.woff new file mode 100644 index 0000000..1cb4621 Binary files /dev/null and b/CSS3/fonts/icomoon.woff differ diff --git a/CSS3/fonts/webfontkit-20160322-043735/generator_config.txt b/CSS3/fonts/webfontkit-20160322-043735/generator_config.txt new file mode 100644 index 0000000..47dd036 --- /dev/null +++ b/CSS3/fonts/webfontkit-20160322-043735/generator_config.txt @@ -0,0 +1,5 @@ +# Font Squirrel Font-face Generator Configuration File +# Upload this file to the generator to recreate the settings +# you used to create these fonts. + +{"mode":"optimal","formats":["ttf","woff","woff2","eotz"],"tt_instructor":"default","fix_gasp":"xy","fix_vertical_metrics":"Y","metrics_ascent":"","metrics_descent":"","metrics_linegap":"","add_spaces":"Y","add_hyphens":"Y","fallback":"none","fallback_custom":"100","options_subset":"basic","subset_custom":"","subset_custom_range":"","subset_ot_features_list":"","css_stylesheet":"stylesheet.css","filename_suffix":"-webfont","emsquare":"2048","spacing_adjustment":"0"} \ No newline at end of file diff --git a/CSS3/fonts/webfontkit-20160322-043735/roboto-light-demo.html b/CSS3/fonts/webfontkit-20160322-043735/roboto-light-demo.html new file mode 100644 index 0000000..b6e1adf --- /dev/null +++ b/CSS3/fonts/webfontkit-20160322-043735/roboto-light-demo.html @@ -0,0 +1,616 @@ + + + + + + + + + + + + + Roboto Light Specimen + + + + + + +
+ + + +
+ + +
+ +
+
+
AaBb
+
+
+ +
+
A​B​C​D​E​F​G​H​I​J​K​L​M​N​O​P​Q​R​S​T​U​V​W​X​Y​Z​a​b​c​d​e​f​g​h​i​j​k​l​m​n​o​p​q​r​s​t​u​v​w​x​y​z​1​2​3​4​5​6​7​8​9​0​&​.​,​?​!​@​(​)​#​$​%​*​+​-​=​:​;
+
+
+
+ + + + + + + + + + + + + + + + +
10abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
11abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
12abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
13abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
14abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
16abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
18abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
20abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
24abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
30abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
36abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
48abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
60abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
72abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
90abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
+ +
+ +
+ + + +
+ + +
+
◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼body
body
body
body
+
+ bodyRoboto Light +
+
+ bodyArial +
+
+ bodyVerdana +
+
+ bodyGeorgia +
+ + + +
+ + +
+ +
+

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+
+
+

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+ +
+ +
+ +
+
+

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+ +
+ +
+ +
+
+

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+ +
+ + + +
+
+

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+ +
+
+

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+ +
+
+

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+ +
+ +
+ +
+
+

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+ +
+ + + + +
+ +
+ +
+ +
+

Lorem Ipsum Dolor

+

Etiam porta sem malesuada magna mollis euismod

+ +

By Aenean Lacinia

+
+
+
+
+

Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ + +

Pellentesque ornare sem

+ +

Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit.

+ +

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

+ +

Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur.

+ +

Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.

+ +

Cras mattis consectetur

+ +

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum.

+ +

Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.

+
+ +
+ +
+

Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+ +

Maecenas sed diam eget risus varius.

+ +

Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ + + +

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo.

+ +

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ +
+
+ +
+ + + + + + +
+
+
+ +

Language Support

+

The subset of Roboto Light in this kit supports the following languages:
+ + Albanian, Basque, Breton, Chamorro, Danish, Dutch, English, Faroese, Finnish, French, Frisian, Galician, German, Icelandic, Italian, Malagasy, Norwegian, Portuguese, Spanish, Swedish

+

Glyph Chart

+

The subset of Roboto Light in this kit includes all the glyphs listed below. Unicode entities are included above each glyph to help you insert individual characters into your layout.

+
+ +




+

	

+



+

 

+

!

!
+

"

"
+

#

#
+

$

$
+

%

%
+

&

&
+

'

'
+

(

(
+

)

)
+

*

*
+

+

+
+

,

,
+

-

-
+

.

.
+

/

/
+

0

0
+

1

1
+

2

2
+

3

3
+

4

4
+

5

5
+

6

6
+

7

7
+

8

8
+

9

9
+

:

:
+

&#59;

;
+

<

<
+

&#61;

=
+

&#62;

>
+

&#63;

?
+

&#64;

@
+

&#65;

A
+

&#66;

B
+

&#67;

C
+

&#68;

D
+

&#69;

E
+

&#70;

F
+

&#71;

G
+

&#72;

H
+

&#73;

I
+

&#74;

J
+

&#75;

K
+

&#76;

L
+

&#77;

M
+

&#78;

N
+

&#79;

O
+

&#80;

P
+

&#81;

Q
+

&#82;

R
+

&#83;

S
+

&#84;

T
+

&#85;

U
+

&#86;

V
+

&#87;

W
+

&#88;

X
+

&#89;

Y
+

&#90;

Z
+

&#91;

[
+

&#92;

\
+

&#93;

]
+

&#94;

^
+

&#95;

_
+

&#96;

`
+

&#97;

a
+

&#98;

b
+

&#99;

c
+

&#100;

d
+

&#101;

e
+

&#102;

f
+

&#103;

g
+

&#104;

h
+

&#105;

i
+

&#106;

j
+

&#107;

k
+

&#108;

l
+

&#109;

m
+

&#110;

n
+

&#111;

o
+

&#112;

p
+

&#113;

q
+

&#114;

r
+

&#115;

s
+

&#116;

t
+

&#117;

u
+

&#118;

v
+

&#119;

w
+

&#120;

x
+

&#121;

y
+

&#122;

z
+

&#123;

{
+

&#124;

|
+

&#125;

}
+

&#126;

~
+

&#160;

 
+

&#161;

¡
+

&#162;

¢
+

&#163;

£
+

&#164;

¤
+

&#165;

¥
+

&#166;

¦
+

&#167;

§
+

&#168;

¨
+

&#169;

©
+

&#170;

ª
+

&#171;

«
+

&#172;

¬
+

&#173;

­
+

&#174;

®
+

&#175;

¯
+

&#176;

°
+

&#177;

±
+

&#178;

²
+

&#179;

³
+

&#180;

´
+

&#181;

µ
+

&#182;

+

&#183;

·
+

&#184;

¸
+

&#185;

¹
+

&#186;

º
+

&#187;

»
+

&#188;

¼
+

&#189;

½
+

&#190;

¾
+

&#191;

¿
+

&#192;

À
+

&#193;

Á
+

&#194;

Â
+

&#195;

Ã
+

&#196;

Ä
+

&#197;

Å
+

&#198;

Æ
+

&#199;

Ç
+

&#200;

È
+

&#201;

É
+

&#202;

Ê
+

&#203;

Ë
+

&#204;

Ì
+

&#205;

Í
+

&#206;

Î
+

&#207;

Ï
+

&#208;

Ð
+

&#209;

Ñ
+

&#210;

Ò
+

&#211;

Ó
+

&#212;

Ô
+

&#213;

Õ
+

&#214;

Ö
+

&#215;

×
+

&#216;

Ø
+

&#217;

Ù
+

&#218;

Ú
+

&#219;

Û
+

&#220;

Ü
+

&#221;

Ý
+

&#222;

Þ
+

&#223;

ß
+

&#224;

à
+

&#225;

á
+

&#226;

â
+

&#227;

ã
+

&#228;

ä
+

&#229;

å
+

&#230;

æ
+

&#231;

ç
+

&#232;

è
+

&#233;

é
+

&#234;

ê
+

&#235;

ë
+

&#236;

ì
+

&#237;

í
+

&#238;

î
+

&#239;

ï
+

&#240;

ð
+

&#241;

ñ
+

&#242;

ò
+

&#243;

ó
+

&#244;

ô
+

&#245;

õ
+

&#246;

ö
+

&#247;

÷
+

&#248;

ø
+

&#249;

ù
+

&#250;

ú
+

&#251;

û
+

&#252;

ü
+

&#253;

ý
+

&#254;

þ
+

&#255;

ÿ
+

&#338;

Œ
+

&#339;

œ
+

&#376;

Ÿ
+

&#710;

ˆ
+

&#732;

˜
+

&#8192;

 
+

&#8193;

 
+

&#8194;

 
+

&#8195;

 
+

&#8196;

 
+

&#8197;

 
+

&#8198;

 
+

&#8199;

 
+

&#8200;

 
+

&#8201;

 
+

&#8202;

 
+

&#8208;

‐
+

&#8209;

‑
+

&#8210;

‒
+

&#8211;

–
+

&#8212;

—
+

&#8216;

‘
+

&#8217;

’
+

&#8218;

‚
+

&#8220;

“
+

&#8221;

”
+

&#8222;

„
+

&#8226;

•
+

&#8230;

…
+

&#8239;

 
+

&#8249;

‹
+

&#8250;

›
+

&#8287;

 
+

&#8364;

€
+

&#8482;

™
+

&#9724;

◼
+

&#64257;

fi
+

&#64258;

fl
+

&#64259;

ffi
+

&#64260;

ffl
+
+
+ + +
+
+ + +
+ +
+ +
+
+
+

Installing Webfonts

+ +

Webfonts are supported by all major browser platforms but not all in the same way. There are currently four different font formats that must be included in order to target all browsers. This includes TTF, WOFF, EOT and SVG.

+ +

1. Upload your webfonts

+

You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.

+ +

2. Include the webfont stylesheet

+

A special CSS @font-face declaration helps the various browsers select the appropriate font it needs without causing you a bunch of headaches. Learn more about this syntax by reading the Fontspring blog post about it. The code for it is as follows:

+ + + +@font-face{ + font-family: 'MyWebFont'; + src: url('WebFont.eot'); + src: url('WebFont.eot?#iefix') format('embedded-opentype'), + url('WebFont.woff') format('woff'), + url('WebFont.ttf') format('truetype'), + url('WebFont.svg#webfont') format('svg'); +} + + +

We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:

+ <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" /> + +

3. Modify your own stylesheet

+

To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the original @font-face declaration above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:

+p { font-family: 'WebFont', Arial, sans-serif; } + +

4. Test

+

Getting webfonts to work cross-browser can be tricky. Use the information in the sidebar to help you if you find that fonts aren't loading in a particular browser.

+
+ +
+
+

Troubleshooting
Font-Face Problems

+

Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.

+ +

Fonts not showing in any browser

+ +

This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a look at your .htaccess file and see if requests are getting intercepted.

+ +

Fonts not loading in iPhone or iPad

+ +

The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings. Follow these instructions from Microsoft if you need help.

+ +

Fonts not loading in Firefox

+ +

The primary reason for this failure? You are still using a version Firefox older than 3.5. So upgrade already! If that isn't it, then you are very likely serving fonts from a different domain. Firefox requires that all font assets be served from the same domain. Lastly it is possible that you need to add WOFF to your list of MIME types (if you are serving via IIS.)

+ +

Fonts not loading in IE

+ +

Are you looking at Internet Explorer on an actual Windows machine or are you cheating by using a service like Adobe BrowserLab? Many of these screenshot services do not render @font-face for IE. Best to test it on a real machine.

+ +

Fonts not loading in IE9

+ +

IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.

+
+
+
+ +
+ +
+ +
+ + diff --git a/CSS3/fonts/webfontkit-20160322-043735/roboto-light-webfont.eot b/CSS3/fonts/webfontkit-20160322-043735/roboto-light-webfont.eot new file mode 100644 index 0000000..abe08b0 Binary files /dev/null and b/CSS3/fonts/webfontkit-20160322-043735/roboto-light-webfont.eot differ diff --git a/CSS3/fonts/webfontkit-20160322-043735/roboto-light-webfont.svg b/CSS3/fonts/webfontkit-20160322-043735/roboto-light-webfont.svg new file mode 100644 index 0000000..faa0b25 --- /dev/null +++ b/CSS3/fonts/webfontkit-20160322-043735/roboto-light-webfont.svg @@ -0,0 +1,666 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/CSS3/fonts/webfontkit-20160322-043735/roboto-light-webfont.ttf b/CSS3/fonts/webfontkit-20160322-043735/roboto-light-webfont.ttf new file mode 100644 index 0000000..c93a5f5 Binary files /dev/null and b/CSS3/fonts/webfontkit-20160322-043735/roboto-light-webfont.ttf differ diff --git a/CSS3/fonts/webfontkit-20160322-043735/roboto-light-webfont.woff b/CSS3/fonts/webfontkit-20160322-043735/roboto-light-webfont.woff new file mode 100644 index 0000000..29cc079 Binary files /dev/null and b/CSS3/fonts/webfontkit-20160322-043735/roboto-light-webfont.woff differ diff --git a/CSS3/fonts/webfontkit-20160322-043735/roboto-light-webfont.woff2 b/CSS3/fonts/webfontkit-20160322-043735/roboto-light-webfont.woff2 new file mode 100644 index 0000000..b09382b Binary files /dev/null and b/CSS3/fonts/webfontkit-20160322-043735/roboto-light-webfont.woff2 differ diff --git a/CSS3/fonts/webfontkit-20160322-043735/roboto-regular-demo.html b/CSS3/fonts/webfontkit-20160322-043735/roboto-regular-demo.html new file mode 100644 index 0000000..502dcce --- /dev/null +++ b/CSS3/fonts/webfontkit-20160322-043735/roboto-regular-demo.html @@ -0,0 +1,616 @@ + + + + + + + + + + + + + Roboto Regular Specimen + + + + + + +
+ + + +
+ + +
+ +
+
+
AaBb
+
+
+ +
+
A​B​C​D​E​F​G​H​I​J​K​L​M​N​O​P​Q​R​S​T​U​V​W​X​Y​Z​a​b​c​d​e​f​g​h​i​j​k​l​m​n​o​p​q​r​s​t​u​v​w​x​y​z​1​2​3​4​5​6​7​8​9​0​&​.​,​?​!​@​(​)​#​$​%​*​+​-​=​:​;
+
+
+
+ + + + + + + + + + + + + + + + +
10abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
11abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
12abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
13abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
14abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
16abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
18abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
20abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
24abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
30abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
36abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
48abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
60abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
72abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
90abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
+ +
+ +
+ + + +
+ + +
+
◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼body
body
body
body
+
+ bodyRoboto Regular +
+
+ bodyArial +
+
+ bodyVerdana +
+
+ bodyGeorgia +
+ + + +
+ + +
+ +
+

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+
+
+

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+ +
+ +
+ +
+
+

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+ +
+ +
+ +
+
+

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+ +
+ + + +
+
+

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+ +
+
+

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+ +
+
+

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+ +
+ +
+ +
+
+

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+ +
+ + + + +
+ +
+ +
+ +
+

Lorem Ipsum Dolor

+

Etiam porta sem malesuada magna mollis euismod

+ +

By Aenean Lacinia

+
+
+
+
+

Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ + +

Pellentesque ornare sem

+ +

Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit.

+ +

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

+ +

Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur.

+ +

Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.

+ +

Cras mattis consectetur

+ +

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum.

+ +

Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.

+
+ +
+ +
+

Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+ +

Maecenas sed diam eget risus varius.

+ +

Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ + + +

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo.

+ +

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ +
+
+ +
+ + + + + + +
+
+
+ +

Language Support

+

The subset of Roboto Regular in this kit supports the following languages:
+ + Albanian, Basque, Breton, Chamorro, Danish, Dutch, English, Faroese, Finnish, French, Frisian, Galician, German, Icelandic, Italian, Malagasy, Norwegian, Portuguese, Spanish, Swedish

+

Glyph Chart

+

The subset of Roboto Regular in this kit includes all the glyphs listed below. Unicode entities are included above each glyph to help you insert individual characters into your layout.

+
+ +

&#2;


+

&#9;

+

&#13;

+

&#32;

+

&#33;

!
+

&#34;

"
+

&#35;

#
+

&#36;

$
+

&#37;

%
+

&#38;

&
+

&#39;

'
+

&#40;

(
+

&#41;

)
+

&#42;

*
+

&#43;

+
+

&#44;

,
+

&#45;

-
+

&#46;

.
+

&#47;

/
+

&#48;

0
+

&#49;

1
+

&#50;

2
+

&#51;

3
+

&#52;

4
+

&#53;

5
+

&#54;

6
+

&#55;

7
+

&#56;

8
+

&#57;

9
+

&#58;

:
+

&#59;

;
+

&#60;

<
+

&#61;

=
+

&#62;

>
+

&#63;

?
+

&#64;

@
+

&#65;

A
+

&#66;

B
+

&#67;

C
+

&#68;

D
+

&#69;

E
+

&#70;

F
+

&#71;

G
+

&#72;

H
+

&#73;

I
+

&#74;

J
+

&#75;

K
+

&#76;

L
+

&#77;

M
+

&#78;

N
+

&#79;

O
+

&#80;

P
+

&#81;

Q
+

&#82;

R
+

&#83;

S
+

&#84;

T
+

&#85;

U
+

&#86;

V
+

&#87;

W
+

&#88;

X
+

&#89;

Y
+

&#90;

Z
+

&#91;

[
+

&#92;

\
+

&#93;

]
+

&#94;

^
+

&#95;

_
+

&#96;

`
+

&#97;

a
+

&#98;

b
+

&#99;

c
+

&#100;

d
+

&#101;

e
+

&#102;

f
+

&#103;

g
+

&#104;

h
+

&#105;

i
+

&#106;

j
+

&#107;

k
+

&#108;

l
+

&#109;

m
+

&#110;

n
+

&#111;

o
+

&#112;

p
+

&#113;

q
+

&#114;

r
+

&#115;

s
+

&#116;

t
+

&#117;

u
+

&#118;

v
+

&#119;

w
+

&#120;

x
+

&#121;

y
+

&#122;

z
+

&#123;

{
+

&#124;

|
+

&#125;

}
+

&#126;

~
+

&#160;

 
+

&#161;

¡
+

&#162;

¢
+

&#163;

£
+

&#164;

¤
+

&#165;

¥
+

&#166;

¦
+

&#167;

§
+

&#168;

¨
+

&#169;

©
+

&#170;

ª
+

&#171;

«
+

&#172;

¬
+

&#173;

­
+

&#174;

®
+

&#175;

¯
+

&#176;

°
+

&#177;

±
+

&#178;

²
+

&#179;

³
+

&#180;

´
+

&#181;

µ
+

&#182;

+

&#183;

·
+

&#184;

¸
+

&#185;

¹
+

&#186;

º
+

&#187;

»
+

&#188;

¼
+

&#189;

½
+

&#190;

¾
+

&#191;

¿
+

&#192;

À
+

&#193;

Á
+

&#194;

Â
+

&#195;

Ã
+

&#196;

Ä
+

&#197;

Å
+

&#198;

Æ
+

&#199;

Ç
+

&#200;

È
+

&#201;

É
+

&#202;

Ê
+

&#203;

Ë
+

&#204;

Ì
+

&#205;

Í
+

&#206;

Î
+

&#207;

Ï
+

&#208;

Ð
+

&#209;

Ñ
+

&#210;

Ò
+

&#211;

Ó
+

&#212;

Ô
+

&#213;

Õ
+

&#214;

Ö
+

&#215;

×
+

&#216;

Ø
+

&#217;

Ù
+

&#218;

Ú
+

&#219;

Û
+

&#220;

Ü
+

&#221;

Ý
+

&#222;

Þ
+

&#223;

ß
+

&#224;

à
+

&#225;

á
+

&#226;

â
+

&#227;

ã
+

&#228;

ä
+

&#229;

å
+

&#230;

æ
+

&#231;

ç
+

&#232;

è
+

&#233;

é
+

&#234;

ê
+

&#235;

ë
+

&#236;

ì
+

&#237;

í
+

&#238;

î
+

&#239;

ï
+

&#240;

ð
+

&#241;

ñ
+

&#242;

ò
+

&#243;

ó
+

&#244;

ô
+

&#245;

õ
+

&#246;

ö
+

&#247;

÷
+

&#248;

ø
+

&#249;

ù
+

&#250;

ú
+

&#251;

û
+

&#252;

ü
+

&#253;

ý
+

&#254;

þ
+

&#255;

ÿ
+

&#338;

Œ
+

&#339;

œ
+

&#376;

Ÿ
+

&#710;

ˆ
+

&#732;

˜
+

&#8192;

 
+

&#8193;

 
+

&#8194;

 
+

&#8195;

 
+

&#8196;

 
+

&#8197;

 
+

&#8198;

 
+

&#8199;

 
+

&#8200;

 
+

&#8201;

 
+

&#8202;

 
+

&#8208;

‐
+

&#8209;

‑
+

&#8210;

‒
+

&#8211;

–
+

&#8212;

—
+

&#8216;

‘
+

&#8217;

’
+

&#8218;

‚
+

&#8220;

“
+

&#8221;

”
+

&#8222;

„
+

&#8226;

•
+

&#8230;

…
+

&#8239;

 
+

&#8249;

‹
+

&#8250;

›
+

&#8287;

 
+

&#8364;

€
+

&#8482;

™
+

&#9724;

◼
+

&#64257;

fi
+

&#64258;

fl
+

&#64259;

ffi
+

&#64260;

ffl
+
+
+ + +
+
+ + +
+ +
+ +
+
+
+

Installing Webfonts

+ +

Webfonts are supported by all major browser platforms but not all in the same way. There are currently four different font formats that must be included in order to target all browsers. This includes TTF, WOFF, EOT and SVG.

+ +

1. Upload your webfonts

+

You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.

+ +

2. Include the webfont stylesheet

+

A special CSS @font-face declaration helps the various browsers select the appropriate font it needs without causing you a bunch of headaches. Learn more about this syntax by reading the Fontspring blog post about it. The code for it is as follows:

+ + + +@font-face{ + font-family: 'MyWebFont'; + src: url('WebFont.eot'); + src: url('WebFont.eot?#iefix') format('embedded-opentype'), + url('WebFont.woff') format('woff'), + url('WebFont.ttf') format('truetype'), + url('WebFont.svg#webfont') format('svg'); +} + + +

We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:

+ <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" /> + +

3. Modify your own stylesheet

+

To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the original @font-face declaration above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:

+p { font-family: 'WebFont', Arial, sans-serif; } + +

4. Test

+

Getting webfonts to work cross-browser can be tricky. Use the information in the sidebar to help you if you find that fonts aren't loading in a particular browser.

+
+ +
+
+

Troubleshooting
Font-Face Problems

+

Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.

+ +

Fonts not showing in any browser

+ +

This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a look at your .htaccess file and see if requests are getting intercepted.

+ +

Fonts not loading in iPhone or iPad

+ +

The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings. Follow these instructions from Microsoft if you need help.

+ +

Fonts not loading in Firefox

+ +

The primary reason for this failure? You are still using a version Firefox older than 3.5. So upgrade already! If that isn't it, then you are very likely serving fonts from a different domain. Firefox requires that all font assets be served from the same domain. Lastly it is possible that you need to add WOFF to your list of MIME types (if you are serving via IIS.)

+ +

Fonts not loading in IE

+ +

Are you looking at Internet Explorer on an actual Windows machine or are you cheating by using a service like Adobe BrowserLab? Many of these screenshot services do not render @font-face for IE. Best to test it on a real machine.

+ +

Fonts not loading in IE9

+ +

IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.

+
+
+
+ +
+ +
+ +
+ + diff --git a/CSS3/fonts/webfontkit-20160322-043735/roboto-regular-webfont.eot b/CSS3/fonts/webfontkit-20160322-043735/roboto-regular-webfont.eot new file mode 100644 index 0000000..9e2e7ac Binary files /dev/null and b/CSS3/fonts/webfontkit-20160322-043735/roboto-regular-webfont.eot differ diff --git a/CSS3/fonts/webfontkit-20160322-043735/roboto-regular-webfont.svg b/CSS3/fonts/webfontkit-20160322-043735/roboto-regular-webfont.svg new file mode 100644 index 0000000..fb66434 --- /dev/null +++ b/CSS3/fonts/webfontkit-20160322-043735/roboto-regular-webfont.svg @@ -0,0 +1,666 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/CSS3/fonts/webfontkit-20160322-043735/roboto-regular-webfont.ttf b/CSS3/fonts/webfontkit-20160322-043735/roboto-regular-webfont.ttf new file mode 100644 index 0000000..cb453e9 Binary files /dev/null and b/CSS3/fonts/webfontkit-20160322-043735/roboto-regular-webfont.ttf differ diff --git a/CSS3/fonts/webfontkit-20160322-043735/roboto-regular-webfont.woff b/CSS3/fonts/webfontkit-20160322-043735/roboto-regular-webfont.woff new file mode 100644 index 0000000..412a2f5 Binary files /dev/null and b/CSS3/fonts/webfontkit-20160322-043735/roboto-regular-webfont.woff differ diff --git a/CSS3/fonts/webfontkit-20160322-043735/roboto-regular-webfont.woff2 b/CSS3/fonts/webfontkit-20160322-043735/roboto-regular-webfont.woff2 new file mode 100644 index 0000000..4e98ee2 Binary files /dev/null and b/CSS3/fonts/webfontkit-20160322-043735/roboto-regular-webfont.woff2 differ diff --git a/CSS3/fonts/webfontkit-20160322-043735/specimen_files/grid_12-825-55-15.css b/CSS3/fonts/webfontkit-20160322-043735/specimen_files/grid_12-825-55-15.css new file mode 100644 index 0000000..3d6aef7 --- /dev/null +++ b/CSS3/fonts/webfontkit-20160322-043735/specimen_files/grid_12-825-55-15.css @@ -0,0 +1,129 @@ +/*Notes about grid: +Columns: 12 +Grid Width: 825px +Column Width: 55px +Gutter Width: 15px +-------------------------------*/ + + + +.section {margin-bottom: 18px; +} +.section:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} +.section {*zoom: 1;} + +.section .firstcolumn, +.section .firstcol {margin-left: 0;} + + +/* Border on left hand side of a column. */ +.border { + padding-left: 7px; + margin-left: 7px; + border-left: 1px solid #eee; +} + +/* Border with more whitespace, spans one column. */ +.colborder { + padding-left: 42px; + margin-left: 42px; + border-left: 1px solid #eee; +} + + + +/* The Grid Classes */ +.grid1, .grid1_2cols, .grid1_3cols, .grid1_4cols, .grid2, .grid2_3cols, .grid2_4cols, .grid3, .grid3_2cols, .grid3_4cols, .grid4, .grid4_3cols, .grid5, .grid5_2cols, .grid5_3cols, .grid5_4cols, .grid6, .grid6_4cols, .grid7, .grid7_2cols, .grid7_3cols, .grid7_4cols, .grid8, .grid8_3cols, .grid9, .grid9_2cols, .grid9_4cols, .grid10, .grid10_3cols, .grid10_4cols, .grid11, .grid11_2cols, .grid11_3cols, .grid11_4cols, .grid12 +{margin-left: 15px;float: left;display: inline; overflow: hidden;} + + +.width1, .grid1, .span-1 {width: 55px;} +.width1_2cols,.grid1_2cols {width: 20px;} +.width1_3cols,.grid1_3cols {width: 8px;} +.width1_4cols,.grid1_4cols {width: 2px;} +.input_width1 {width: 49px;} + +.width2, .grid2, .span-2 {width: 125px;} +.width2_3cols,.grid2_3cols {width: 31px;} +.width2_4cols,.grid2_4cols {width: 20px;} +.input_width2 {width: 119px;} + +.width3, .grid3, .span-3 {width: 195px;} +.width3_2cols,.grid3_2cols {width: 90px;} +.width3_4cols,.grid3_4cols {width: 37px;} +.input_width3 {width: 189px;} + +.width4, .grid4, .span-4 {width: 265px;} +.width4_3cols,.grid4_3cols {width: 78px;} +.input_width4 {width: 259px;} + +.width5, .grid5, .span-5 {width: 335px;} +.width5_2cols,.grid5_2cols {width: 160px;} +.width5_3cols,.grid5_3cols {width: 101px;} +.width5_4cols,.grid5_4cols {width: 72px;} +.input_width5 {width: 329px;} + +.width6, .grid6, .span-6 {width: 405px;} +.width6_4cols,.grid6_4cols {width: 90px;} +.input_width6 {width: 399px;} + +.width7, .grid7, .span-7 {width: 475px;} +.width7_2cols,.grid7_2cols {width: 230px;} +.width7_3cols,.grid7_3cols {width: 148px;} +.width7_4cols,.grid7_4cols {width: 107px;} +.input_width7 {width: 469px;} + +.width8, .grid8, .span-8 {width: 545px;} +.width8_3cols,.grid8_3cols {width: 171px;} +.input_width8 {width: 539px;} + +.width9, .grid9, .span-9 {width: 615px;} +.width9_2cols,.grid9_2cols {width: 300px;} +.width9_4cols,.grid9_4cols {width: 142px;} +.input_width9 {width: 609px;} + +.width10, .grid10, .span-10 {width: 685px;} +.width10_3cols,.grid10_3cols {width: 218px;} +.width10_4cols,.grid10_4cols {width: 160px;} +.input_width10 {width: 679px;} + +.width11, .grid11, .span-11 {width: 755px;} +.width11_2cols,.grid11_2cols {width: 370px;} +.width11_3cols,.grid11_3cols {width: 241px;} +.width11_4cols,.grid11_4cols {width: 177px;} +.input_width11 {width: 749px;} + +.width12, .grid12, .span-12 {width: 825px;} +.input_width12 {width: 819px;} + +/* Subdivided grid spaces */ +.emptycols_left1, .prepend-1 {padding-left: 70px;} +.emptycols_right1, .append-1 {padding-right: 70px;} +.emptycols_left2, .prepend-2 {padding-left: 140px;} +.emptycols_right2, .append-2 {padding-right: 140px;} +.emptycols_left3, .prepend-3 {padding-left: 210px;} +.emptycols_right3, .append-3 {padding-right: 210px;} +.emptycols_left4, .prepend-4 {padding-left: 280px;} +.emptycols_right4, .append-4 {padding-right: 280px;} +.emptycols_left5, .prepend-5 {padding-left: 350px;} +.emptycols_right5, .append-5 {padding-right: 350px;} +.emptycols_left6, .prepend-6 {padding-left: 420px;} +.emptycols_right6, .append-6 {padding-right: 420px;} +.emptycols_left7, .prepend-7 {padding-left: 490px;} +.emptycols_right7, .append-7 {padding-right: 490px;} +.emptycols_left8, .prepend-8 {padding-left: 560px;} +.emptycols_right8, .append-8 {padding-right: 560px;} +.emptycols_left9, .prepend-9 {padding-left: 630px;} +.emptycols_right9, .append-9 {padding-right: 630px;} +.emptycols_left10, .prepend-10 {padding-left: 700px;} +.emptycols_right10, .append-10 {padding-right: 700px;} +.emptycols_left11, .prepend-11 {padding-left: 770px;} +.emptycols_right11, .append-11 {padding-right: 770px;} +.pull-1 {margin-left: -70px;} +.push-1 {margin-right: -70px;margin-left: 18px;float: right;} +.pull-2 {margin-left: -140px;} +.push-2 {margin-right: -140px;margin-left: 18px;float: right;} +.pull-3 {margin-left: -210px;} +.push-3 {margin-right: -210px;margin-left: 18px;float: right;} +.pull-4 {margin-left: -280px;} +.push-4 {margin-right: -280px;margin-left: 18px;float: right;} \ No newline at end of file diff --git a/CSS3/fonts/webfontkit-20160322-043735/specimen_files/specimen_stylesheet.css b/CSS3/fonts/webfontkit-20160322-043735/specimen_files/specimen_stylesheet.css new file mode 100644 index 0000000..aecc43c --- /dev/null +++ b/CSS3/fonts/webfontkit-20160322-043735/specimen_files/specimen_stylesheet.css @@ -0,0 +1,396 @@ +@import url('grid_12-825-55-15.css'); + +/* + CSS Reset by Eric Meyer - Released under Public Domain + http://meyerweb.com/eric/tools/css/reset/ +*/ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, font, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, table, +caption, tbody, tfoot, thead, tr, th, td + {margin: 0;padding: 0;border: 0;outline: 0; + font-size: 100%;vertical-align: baseline; + background: transparent;} +body {line-height: 1;} +ol, ul {list-style: none;} +blockquote, q {quotes: none;} +blockquote:before, blockquote:after, +q:before, q:after {content: ''; content: none;} +:focus {outline: 0;} +ins {text-decoration: none;} +del {text-decoration: line-through;} +table {border-collapse: collapse;border-spacing: 0;} + + + + +body { + color: #000; + background-color: #dcdcdc; +} + +a { + text-decoration: none; + color: #1883ba; +} + +h1{ + font-size: 32px; + font-weight: normal; + font-style: normal; + margin-bottom: 18px; +} + +h2{ + font-size: 18px; +} + +#container { + width: 865px; + margin: 0px auto; +} + + +#header { + padding: 20px; + font-size: 36px; + background-color: #000; + color: #fff; +} + +#header span { + color: #666; +} +#main_content { + background-color: #fff; + padding: 60px 20px 20px; +} + + +#footer p { + margin: 0; + padding-top: 10px; + padding-bottom: 50px; + color: #333; + font: 10px Arial, sans-serif; +} + +.tabs { + width: 100%; + height: 31px; + background-color: #444; +} +.tabs li { + float: left; + margin: 0; + overflow: hidden; + background-color: #444; +} +.tabs li a { + display: block; + color: #fff; + text-decoration: none; + font: bold 11px/11px 'Arial'; + text-transform: uppercase; + padding: 10px 15px; + border-right: 1px solid #fff; +} + +.tabs li a:hover { + background-color: #00b3ff; + +} + +.tabs li.active a { + color: #000; + background-color: #fff; +} + + + +div.huge { + + font-size: 300px; + line-height: 1em; + padding: 0; + letter-spacing: -.02em; + overflow: hidden; +} +div.glyph_range { + font-size: 72px; + line-height: 1.1em; +} + +.size10{ font-size: 10px; } +.size11{ font-size: 11px; } +.size12{ font-size: 12px; } +.size13{ font-size: 13px; } +.size14{ font-size: 14px; } +.size16{ font-size: 16px; } +.size18{ font-size: 18px; } +.size20{ font-size: 20px; } +.size24{ font-size: 24px; } +.size30{ font-size: 30px; } +.size36{ font-size: 36px; } +.size48{ font-size: 48px; } +.size60{ font-size: 60px; } +.size72{ font-size: 72px; } +.size90{ font-size: 90px; } + + +.psample_row1 { height: 120px;} +.psample_row1 { height: 120px;} +.psample_row2 { height: 160px;} +.psample_row3 { height: 160px;} +.psample_row4 { height: 160px;} + +.psample { + overflow: hidden; + position: relative; +} +.psample p { + line-height: 1.3em; + display: block; + overflow: hidden; + margin: 0; +} + +.psample span { + margin-right: .5em; +} + +.white_blend { + width: 100%; + height: 61px; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNrs3TsKgFAMRUE/eer+NxztxMYuEWQG3ECKwwUF58ycAKixOAGAyAKILAAiCyCyACILgMgCiCyAyAIgsgAiCyCyAIgsgMgCiCwAIgsgsgAiC4DIAogsACIL0CWuZ3UGgLrIhjMA1EV2OAOAJQtgyQLwjOzmDAAiCyCyAIgsQFtkd2cAEFkAkQVAZAHaIns4A4AlC2DJAiCyACILILIAiCzAV5H1dQGAJQsgsgCILIDIAvwisl58AViyAJYsACILILIAIgvAe2T9EhxAZAFEFgCRBeiL7HAGgLrIhjMAWLIAliwAt1OAAQDwygTBulLIlQAAAABJRU5ErkJggg==); + position: absolute; + bottom: 0; +} +.black_blend { + width: 100%; + height: 61px; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNrs3TEKhTAQRVGjibr/9QoxhY2N3Ywo50A28IrLwP9g6b1PAMSYTQAgsgAiC4DIAogsgMgCILIAIgsgsgCILIDIAogsACILILIAIguAyAKILIDIAiCyACILgMgCZCnjLWYAiFGvB0BQZJsZAFyyAC5ZAO6RXc0AILIAIguAyAKkRXYzA4DIAogsACILkBbZ3QwALlkAlywAIgsgsgAiC4DIArwVWf8uAHDJAogsACILILIAv4isH74AXLIALlkARBZAZAFEFoDnyPokOIDIAogsACILkBfZZgaAuMhWMwC4ZAE+p4x3mAEgxinAAJ+XBbPWGkwAAAAAAElFTkSuQmCC); + position: absolute; + bottom: 0; +} +.fullreverse { + background: #000 !important; + color: #fff !important; + margin-left: -20px; + padding-left: 20px; + margin-right: -20px; + padding-right: 20px; + padding: 20px; + margin-bottom:0; +} + + +.sample_table td { + padding-top: 3px; + padding-bottom:5px; + padding-left: 5px; + vertical-align: middle; + line-height: 1.2em; +} + +.sample_table td:first-child { + background-color: #eee; + text-align: right; + padding-right: 5px; + padding-left: 0; + padding: 5px; + font: 11px/12px "Courier New", Courier, mono; +} + +code { + white-space: pre; + background-color: #eee; + display: block; + padding: 10px; + margin-bottom: 18px; + overflow: auto; +} + + +.bottom,.last {margin-bottom:0 !important; padding-bottom:0 !important;} + +.box { + padding: 18px; + margin-bottom: 18px; + background: #eee; +} + +.reverse,.reversed { background: #000 !important;color: #fff !important; border: none !important;} + +#bodycomparison { + position: relative; + overflow: hidden; + font-size: 72px; + height: 90px; + white-space: nowrap; +} + +#bodycomparison div{ + font-size: 72px; + line-height: 90px; + display: inline; + margin: 0 15px 0 0; + padding: 0; +} + +#bodycomparison div span{ + font: 10px Arial; + position: absolute; + left: 0; +} +#xheight { + float: none; + position: absolute; + color: #d9f3ff; + font-size: 72px; + line-height: 90px; +} + +.fontbody { + position: relative; +} +.arialbody{ + font-family: Arial; + position: relative; +} +.verdanabody{ + font-family: Verdana; + position: relative; +} +.georgiabody{ + font-family: Georgia; + position: relative; +} + +/* @group Layout page + */ + +#layout h1 { + font-size: 36px; + line-height: 42px; + font-weight: normal; + font-style: normal; +} + +#layout h2 { + font-size: 24px; + line-height: 23px; + font-weight: normal; + font-style: normal; +} + +#layout h3 { + font-size: 22px; + line-height: 1.4em; + margin-top: 1em; + font-weight: normal; + font-style: normal; +} + + +#layout p.byline { + font-size: 12px; + margin-top: 18px; + line-height: 12px; + margin-bottom: 0; +} +#layout p { + font-size: 14px; + line-height: 21px; + margin-bottom: .5em; +} + +#layout p.large{ + font-size: 18px; + line-height: 26px; +} + +#layout .sidebar p{ + font-size: 12px; + line-height: 1.4em; +} + +#layout p.caption { + font-size: 10px; + margin-top: -16px; + margin-bottom: 18px; +} + +/* @end */ + +/* @group Glyphs */ + +#glyph_chart div{ + background-color: #d9f3ff; + color: black; + float: left; + font-size: 36px; + height: 1.2em; + line-height: 1.2em; + margin-bottom: 1px; + margin-right: 1px; + text-align: center; + width: 1.2em; + position: relative; + padding: .6em .2em .2em; +} + +#glyph_chart div p { + position: absolute; + left: 0; + top: 0; + display: block; + text-align: center; + font: bold 9px Arial, sans-serif; + background-color: #3a768f; + width: 100%; + color: #fff; + padding: 2px 0; +} + + +#glyphs h1 { + font-family: Arial, sans-serif; +} +/* @end */ + +/* @group Installing */ + +#installing { + font: 13px Arial, sans-serif; +} + +#installing p, +#glyphs p{ + line-height: 1.2em; + margin-bottom: 18px; + font: 13px Arial, sans-serif; +} + + + +#installing h3{ + font-size: 15px; + margin-top: 18px; +} + +/* @end */ + +#rendering h1 { + font-family: Arial, sans-serif; +} +.render_table td { + font: 11px "Courier New", Courier, mono; + vertical-align: middle; +} + + diff --git a/CSS3/fonts/webfontkit-20160322-043735/stylesheet.css b/CSS3/fonts/webfontkit-20160322-043735/stylesheet.css new file mode 100644 index 0000000..46f028b --- /dev/null +++ b/CSS3/fonts/webfontkit-20160322-043735/stylesheet.css @@ -0,0 +1,32 @@ +/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 22, 2016 */ + + + +@font-face { + font-family: 'robotolight'; + src: url('roboto-light-webfont.eot'); + src: url('roboto-light-webfont.eot?#iefix') format('embedded-opentype'), + url('roboto-light-webfont.woff2') format('woff2'), + url('roboto-light-webfont.woff') format('woff'), + url('roboto-light-webfont.ttf') format('truetype'), + url('roboto-light-webfont.svg#robotolight') format('svg'); + font-weight: normal; + font-style: normal; + +} + + + + +@font-face { + font-family: 'robotoregular'; + src: url('roboto-regular-webfont.eot'); + src: url('roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('roboto-regular-webfont.woff2') format('woff2'), + url('roboto-regular-webfont.woff') format('woff'), + url('roboto-regular-webfont.ttf') format('truetype'), + url('roboto-regular-webfont.svg#robotoregular') format('svg'); + font-weight: normal; + font-style: normal; + +} \ No newline at end of file diff --git a/CSS3/icomoon/icomoon/Read Me.txt b/CSS3/icomoon/icomoon/Read Me.txt new file mode 100644 index 0000000..8491652 --- /dev/null +++ b/CSS3/icomoon/icomoon/Read Me.txt @@ -0,0 +1,7 @@ +Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures. + +To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/#docs/local-fonts + +You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects. + +You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection. diff --git a/CSS3/icomoon/icomoon/demo-files/demo.css b/CSS3/icomoon/icomoon/demo-files/demo.css new file mode 100644 index 0000000..b8c8b17 --- /dev/null +++ b/CSS3/icomoon/icomoon/demo-files/demo.css @@ -0,0 +1,152 @@ +body { + padding: 0; + margin: 0; + font-family: sans-serif; + font-size: 1em; + line-height: 1.5; + color: #555; + background: #fff; +} +h1 { + font-size: 1.5em; + font-weight: normal; +} +small { + font-size: .66666667em; +} +a { + color: #e74c3c; + text-decoration: none; +} +a:hover, a:focus { + box-shadow: 0 1px #e74c3c; +} +.bshadow0, input { + box-shadow: inset 0 -2px #e7e7e7; +} +input:hover { + box-shadow: inset 0 -2px #ccc; +} +input, fieldset { + font-family: sans-serif; + font-size: 1em; + margin: 0; + padding: 0; + border: 0; +} +input { + color: inherit; + line-height: 1.5; + height: 1.5em; + padding: .25em 0; +} +input:focus { + outline: none; + box-shadow: inset 0 -2px #449fdb; +} +.glyph { + font-size: 16px; + width: 15em; + padding-bottom: 1em; + margin-right: 4em; + margin-bottom: 1em; + float: left; + overflow: hidden; +} +.liga { + width: 80%; + width: calc(100% - 2.5em); +} +.talign-right { + text-align: right; +} +.talign-center { + text-align: center; +} +.bgc1 { + background: #f1f1f1; +} +.fgc1 { + color: #999; +} +.fgc0 { + color: #000; +} +p { + margin-top: 1em; + margin-bottom: 1em; +} +.mvm { + margin-top: .75em; + margin-bottom: .75em; +} +.mtn { + margin-top: 0; +} +.mtl, .mal { + margin-top: 1.5em; +} +.mbl, .mal { + margin-bottom: 1.5em; +} +.mal, .mhl { + margin-left: 1.5em; + margin-right: 1.5em; +} +.mhmm { + margin-left: 1em; + margin-right: 1em; +} +.mls { + margin-left: .25em; +} +.ptl { + padding-top: 1.5em; +} +.pbs, .pvs { + padding-bottom: .25em; +} +.pvs, .pts { + padding-top: .25em; +} +.unit { + float: left; +} +.unitRight { + float: right; +} +.size1of2 { + width: 50%; +} +.size1of1 { + width: 100%; +} +.clearfix:before, .clearfix:after { + content: " "; + display: table; +} +.clearfix:after { + clear: both; +} +.hidden-true { + display: none; +} +.textbox0 { + width: 3em; + background: #f1f1f1; + padding: .25em .5em; + line-height: 1.5; + height: 1.5em; +} +#testDrive { + display: block; + padding-top: 24px; + line-height: 1.5; +} +.fs0 { + font-size: 16px; +} +.fs1 { + font-size: 32px; +} + diff --git a/CSS3/icomoon/icomoon/demo-files/demo.js b/CSS3/icomoon/icomoon/demo-files/demo.js new file mode 100644 index 0000000..6f45f1c --- /dev/null +++ b/CSS3/icomoon/icomoon/demo-files/demo.js @@ -0,0 +1,30 @@ +if (!('boxShadow' in document.body.style)) { + document.body.setAttribute('class', 'noBoxShadow'); +} + +document.body.addEventListener("click", function(e) { + var target = e.target; + if (target.tagName === "INPUT" && + target.getAttribute('class').indexOf('liga') === -1) { + target.select(); + } +}); + +(function() { + var fontSize = document.getElementById('fontSize'), + testDrive = document.getElementById('testDrive'), + testText = document.getElementById('testText'); + function updateTest() { + testDrive.innerHTML = testText.value || String.fromCharCode(160); + if (window.icomoonLiga) { + window.icomoonLiga(testDrive); + } + } + function updateSize() { + testDrive.style.fontSize = fontSize.value + 'px'; + } + fontSize.addEventListener('change', updateSize, false); + testText.addEventListener('input', updateTest, false); + testText.addEventListener('change', updateTest, false); + updateSize(); +}()); diff --git a/CSS3/icomoon/icomoon/demo.html b/CSS3/icomoon/icomoon/demo.html new file mode 100644 index 0000000..2c8e349 --- /dev/null +++ b/CSS3/icomoon/icomoon/demo.html @@ -0,0 +1,199 @@ + + + + + IcoMoon Demo + + + + + +
+

Font Name: icomoon (Glyphs: 10)

+
+
+

Grid Size: Unknown

+
+
+ + + + icon-arrows_move2 +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_plus +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_question +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_right_double-31 +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_rotate_anti_dashed +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_shrink_diagonal1 +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_sign_left +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_sign_right +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_slide_right1 +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_square_left +
+
+ + +
+
+ liga: + +
+
+
+ + +
+

Font Test Drive

+ + + +
  +
+
+ +
+

Generated by IcoMoon

+
+ + + + diff --git a/CSS3/icomoon/icomoon/fonts/icomoon.eot b/CSS3/icomoon/icomoon/fonts/icomoon.eot new file mode 100644 index 0000000..69b30f0 Binary files /dev/null and b/CSS3/icomoon/icomoon/fonts/icomoon.eot differ diff --git a/CSS3/icomoon/icomoon/fonts/icomoon.svg b/CSS3/icomoon/icomoon/fonts/icomoon.svg new file mode 100644 index 0000000..95298d5 --- /dev/null +++ b/CSS3/icomoon/icomoon/fonts/icomoon.svg @@ -0,0 +1,18 @@ + + + +Generated by IcoMoon + + + + + + + + + + + + + + \ No newline at end of file diff --git a/CSS3/icomoon/icomoon/fonts/icomoon.ttf b/CSS3/icomoon/icomoon/fonts/icomoon.ttf new file mode 100644 index 0000000..9a05c32 Binary files /dev/null and b/CSS3/icomoon/icomoon/fonts/icomoon.ttf differ diff --git a/CSS3/icomoon/icomoon/fonts/icomoon.woff b/CSS3/icomoon/icomoon/fonts/icomoon.woff new file mode 100644 index 0000000..1cb4621 Binary files /dev/null and b/CSS3/icomoon/icomoon/fonts/icomoon.woff differ diff --git a/CSS3/icomoon/icomoon/selection.json b/CSS3/icomoon/icomoon/selection.json new file mode 100644 index 0000000..40d816a --- /dev/null +++ b/CSS3/icomoon/icomoon/selection.json @@ -0,0 +1,308 @@ +{ + "IcoMoonType": "selection", + "icons": [ + { + "icon": { + "paths": [], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_move2" + ] + }, + "attrs": [], + "properties": { + "order": 24, + "id": 9, + "prevSize": 32, + "code": 59648, + "name": "arrows_move2" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 10 + }, + { + "icon": { + "paths": [ + "M496 224v272h-272v32h272v272h32v-272h272v-32h-272v-272z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_plus" + ] + }, + "attrs": [], + "properties": { + "order": 4, + "id": 8, + "prevSize": 32, + "code": 59649, + "name": "arrows_plus" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 11 + }, + { + "icon": { + "paths": [ + "M512 0c-136.768 0-265.328 53.28-362.032 150-96.72 96.672-149.984 225.248-149.984 362s53.264 265.328 149.984 362.016c96.704 96.72 225.264 149.984 362.032 149.984 136.752 0 265.328-53.28 362.032-150 96.72-96.688 149.984-225.264 149.984-362.016s-53.264-265.328-149.984-362.016c-96.704-96.704-225.28-149.968-362.032-149.968zM851.408 851.392c-90.656 90.672-211.2 140.608-339.408 140.608-128.224 0-248.752-49.936-339.408-140.624-90.672-90.64-140.608-211.168-140.608-339.376s49.936-248.736 140.608-339.392c90.656-90.672 211.184-140.608 339.408-140.608 128.208 0 248.752 49.952 339.408 140.624 90.672 90.64 140.608 211.168 140.608 339.376s-49.936 248.736-140.608 339.392z", + "M464 688h32v64h-32v-64z", + "M512 240c-95.552 0-144 32.304-144 96h32c0-29.792 12.736-64 112-64 68.032 0 112 37.68 112 96 0 44.224-62.928 85.52-87.152 97.68-2.976 1.504-72.848 37.632-72.848 142.32v16h32v-16c0-84.144 52.992-112.576 55.152-113.68 4.288-2.144 104.848-53.28 104.848-126.32 0-75.36-59.216-128-144-128z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_question" + ] + }, + "attrs": [], + "properties": { + "order": 13, + "id": 7, + "prevSize": 32, + "code": 59650, + "name": "arrows_question" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 12 + }, + { + "icon": { + "paths": [ + "M484.688 251.312l260.688 260.688-260.688 260.688 24.976 22.624 274.336-272v-22.624l-274.336-272z", + "M544 500.688l-274.336-272-23.808 22.624 260.112 260.688-260.976 260.688 24.816 22.624 274.192-272z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_right_double-31" + ] + }, + "attrs": [], + "properties": { + "order": 6, + "id": 6, + "prevSize": 32, + "code": 59651, + "name": "arrows_right_double-31" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 13 + }, + { + "icon": { + "paths": [ + "M496 0c-10.88 0-22 0.368-33.024 1.088l2.112 31.936c10.288-0.688 20.592-1.024 30.912-1.024v-32z", + "M6.576 576.88l31.584-5.216c-3.488-21.072-5.504-42.672-6.016-64.144l-31.984 0.752c0.528 22.96 2.688 46.048 6.416 68.608z", + "M0.496 473.808l31.968 1.44c0.96-21.424 3.424-42.976 7.328-64.064l-31.472-5.808c-4.144 22.512-6.784 45.552-7.824 68.432z", + "M15.776 371.696l30.992 8c5.36-20.8 12.224-41.376 20.4-61.12l-29.584-12.224c-8.72 21.136-16.064 43.12-21.808 65.344z", + "M125.505 774.919l47.171 47.184-22.63 22.624-47.171-47.184 22.63-22.624z", + "M428.688 4.544c-22.704 3.104-45.408 7.808-67.44 14l8.656 30.816c20.624-5.792 41.856-10.208 63.104-13.088l-4.32-31.728z", + "M328.416 29.040c-21.6 7.728-42.816 17.040-63.088 27.712l14.896 28.32c18.96-9.952 38.8-18.672 58.976-25.904l-10.784-30.128z", + "M47.472 708.096c9.808 20.72 21.168 40.928 33.744 60.064l26.736-17.6c-11.776-17.888-22.384-36.784-31.568-56.16l-28.912 13.696z", + "M51.856 274.976l28.656 14.256c9.52-19.136 20.512-37.824 32.672-55.536l-26.368-18.128c-13.008 18.928-24.768 38.912-34.96 59.408z", + "M13.328 610.672c5.28 22.288 12.176 44.4 20.496 65.744l29.808-11.632c-7.792-19.968-14.24-40.656-19.168-61.504l-31.136 7.392z", + "M252.256 101.056l-16.848-27.216c-19.504 12.080-38.304 25.616-55.904 40.256l20.448 24.592c16.464-13.68 34.048-26.352 52.304-37.632z", + "M145.296 145.28c-13.44 13.456-26.224 27.76-37.984 42.56l25.056 19.904c11.008-13.84 22.96-27.248 35.584-39.872 2.624-2.64 5.264-5.2 7.936-7.744l-22.096-23.152c-2.864 2.72-5.712 5.504-8.496 8.304z", + "M528 992v32c10.88 0 22-0.368 33.024-1.088l-2.112-31.936c-10.288 0.688-20.592 1.024-30.912 1.024z", + "M990.16 347.584l-29.808 11.632c7.792 19.968 14.24 40.656 19.168 61.504l31.136-7.376c-5.264-22.304-12.16-44.416-20.496-65.76z", + "M1008.224 652.304l-30.992-8c-5.36 20.8-12.224 41.376-20.4 61.12l29.584 12.224c8.72-21.136 16.064-43.12 21.808-65.344z", + "M985.856 452.336c3.488 21.072 5.504 42.672 6.016 64.144l31.984-0.752c-0.544-22.976-2.704-46.048-6.432-68.608l-31.568 5.216z", + "M984.192 612.816l31.472 5.808c4.16-22.512 6.8-45.552 7.84-68.432l-31.968-1.44c-0.96 21.424-3.44 42.96-7.344 64.064z", + "M788.592 950.16c19.504-12.080 38.304-25.616 55.904-40.256l-20.448-24.592c-16.464 13.664-34.048 26.336-52.304 37.632l16.848 27.216z", + "M870.208 887.024c2.864-2.736 5.712-5.52 8.496-8.32 13.44-13.456 26.224-27.76 37.984-42.56l-25.056-19.904c-11.008 13.84-22.96 27.248-35.584 39.872-2.624 2.64-5.264 5.2-7.936 7.744l22.096 23.168z", + "M972.144 749.024l-28.656-14.256c-9.52 19.136-20.512 37.824-32.672 55.536l26.368 18.128c13.008-18.928 24.768-38.912 34.96-59.408z", + "M654.080 974.64c-20.624 5.792-41.856 10.208-63.104 13.088l4.336 31.712c22.704-3.104 45.408-7.808 67.44-14l-8.672-30.8z", + "M743.776 938.928c-18.96 9.952-38.8 18.672-58.976 25.904l10.784 30.128c21.6-7.728 42.816-17.040 63.088-27.712l-14.896-28.32z", + "M976.528 315.904c-9.808-20.72-21.168-40.928-33.744-60.064l-26.736 17.6c11.776 17.888 22.384 36.784 31.568 56.16l28.912-13.696z", + "M898.514 249.021l-47.171-47.184 22.63-22.624 47.171 47.184-22.63 22.624z", + "M32 864v32h176l16-16v-176h-32v146.752l-13.248 13.248z", + "M800 144v176h32v-146.752l13.248-13.248h146.752v-32h-176z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_rotate_anti_dashed" + ] + }, + "attrs": [], + "properties": { + "order": 7, + "id": 5, + "prevSize": 32, + "code": 59652, + "name": "arrows_rotate_anti_dashed" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 14 + }, + { + "icon": { + "paths": [ + "M27.312 580.688l-22.624 22.624 416 416 22.624-22.624-196.688-196.688 201.376-201.376v137.376h32v-176l-16-16h-176v32h137.376l-201.376 201.376z", + "M544 288v176l16 16h176v-32h-137.376l201.376-201.376 196.688 196.688 22.624-22.624-416-416-22.624 22.624 196.688 196.688-201.376 201.376v-137.376z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_shrink_diagonal1" + ] + }, + "attrs": [], + "properties": { + "order": 8, + "id": 4, + "prevSize": 32, + "code": 59653, + "name": "arrows_shrink_diagonal1" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 15 + }, + { + "icon": { + "paths": [], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_sign_left" + ] + }, + "attrs": [], + "properties": { + "order": 9, + "id": 3, + "prevSize": 32, + "code": 59654, + "name": "arrows_sign_left" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 16 + }, + { + "icon": { + "paths": [ + "M0 224v576h726.352l304.944-287.984-304.944-288.016h-726.352zM713.648 768h-681.648v-512h681.648l271.056 256.016-271.056 255.984z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_sign_right" + ] + }, + "attrs": [], + "properties": { + "order": 10, + "id": 2, + "prevSize": 32, + "code": 59655, + "name": "arrows_sign_right" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 17 + }, + { + "icon": { + "paths": [ + "M32 448h937.376l-116.688 116.688 24.976 22.624 146.336-144v-22.624l-146.336-144-23.808 22.624 115.52 116.688h-969.376v320h32z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_slide_right1" + ] + }, + "attrs": [], + "properties": { + "order": 11, + "id": 1, + "prevSize": 32, + "code": 59656, + "name": "arrows_slide_right1" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 18 + }, + { + "icon": { + "paths": [ + "M578.336 228.688l-274.336 272v22.624l274.336 272 23.808-22.624-260.112-260.688 259.808-260.688z", + "M0 1024h1024v-1024h-1024v1024zM32 32h960v960h-960v-960z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_square_left" + ] + }, + "attrs": [], + "properties": { + "order": 12, + "id": 0, + "prevSize": 32, + "code": 59657, + "name": "arrows_square_left" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 19 + } + ], + "height": 1024, + "metadata": { + "name": "icomoon" + }, + "preferences": { + "showGlyphs": true, + "showQuickUse": true, + "showQuickUse2": true, + "showSVGs": false, + "fontPref": { + "prefix": "icon-", + "metadata": { + "fontFamily": "icomoon", + "majorVersion": 1, + "minorVersion": 0 + }, + "metrics": { + "emSize": 1024, + "baseline": 6.25, + "whitespace": 50 + }, + "embed": false + }, + "imagePref": { + "prefix": "icon-", + "png": true, + "useClassSelector": true, + "color": 0, + "bgColor": 16777215, + "classSelector": ".icon", + "autoHost": true + }, + "historySize": 100, + "showCodes": true, + "gridSize": 16, + "quickUsageToken": {} + } +} \ No newline at end of file diff --git a/CSS3/icomoon/icomoon/style.css b/CSS3/icomoon/icomoon/style.css new file mode 100644 index 0000000..5f6570c --- /dev/null +++ b/CSS3/icomoon/icomoon/style.css @@ -0,0 +1,57 @@ +@font-face { + font-family: 'icomoon'; + src: url('fonts/icomoon.eot?8eyfsm'); + src: url('fonts/icomoon.eot?8eyfsm#iefix') format('embedded-opentype'), + url('fonts/icomoon.ttf?8eyfsm') format('truetype'), + url('fonts/icomoon.woff?8eyfsm') format('woff'), + url('fonts/icomoon.svg?8eyfsm#icomoon') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="icon-"], [class*=" icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'icomoon' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-arrows_move2:before { + content: "\e900"; +} +.icon-arrows_plus:before { + content: "\e901"; +} +.icon-arrows_question:before { + content: "\e902"; +} +.icon-arrows_right_double-31:before { + content: "\e903"; +} +.icon-arrows_rotate_anti_dashed:before { + content: "\e904"; +} +.icon-arrows_shrink_diagonal1:before { + content: "\e905"; +} +.icon-arrows_sign_left:before { + content: "\e906"; +} +.icon-arrows_sign_right:before { + content: "\e907"; +} +.icon-arrows_slide_right1:before { + content: "\e908"; +} +.icon-arrows_square_left:before { + content: "\e909"; +} + diff --git a/HTMLassignments/Assignment1-HTML.pdf b/CSS3/images/Assignment1-HTML.pdf similarity index 100% rename from HTMLassignments/Assignment1-HTML.pdf rename to CSS3/images/Assignment1-HTML.pdf diff --git a/CSS3assignments/svg icons/arrows_move2.svg b/CSS3/images/arrows_move2.svg old mode 100755 new mode 100644 similarity index 98% rename from CSS3assignments/svg icons/arrows_move2.svg rename to CSS3/images/arrows_move2.svg index 52368a1..9479555 --- a/CSS3assignments/svg icons/arrows_move2.svg +++ b/CSS3/images/arrows_move2.svg @@ -1,18 +1,18 @@ - - - - - - - - - - - - - + + + + + + + + + + + + + diff --git a/CSS3assignments/svg icons/arrows_plus.svg b/CSS3/images/arrows_plus.svg old mode 100755 new mode 100644 similarity index 98% rename from CSS3assignments/svg icons/arrows_plus.svg rename to CSS3/images/arrows_plus.svg index f26fed1..a76a9a5 --- a/CSS3assignments/svg icons/arrows_plus.svg +++ b/CSS3/images/arrows_plus.svg @@ -1,9 +1,9 @@ - - - - - - - - + + + + + + + + diff --git a/CSS3assignments/svg icons/arrows_question.svg b/CSS3/images/arrows_question.svg old mode 100755 new mode 100644 similarity index 98% rename from CSS3assignments/svg icons/arrows_question.svg rename to CSS3/images/arrows_question.svg index e0433ab..ccabdb0 --- a/CSS3assignments/svg icons/arrows_question.svg +++ b/CSS3/images/arrows_question.svg @@ -1,17 +1,17 @@ - - - - - - - - - - + + + + + + + + + + diff --git a/CSS3assignments/svg icons/arrows_right_double-31.svg b/CSS3/images/arrows_right_double-31.svg old mode 100755 new mode 100644 similarity index 98% rename from CSS3assignments/svg icons/arrows_right_double-31.svg rename to CSS3/images/arrows_right_double-31.svg index ff21ece..11d1767 --- a/CSS3assignments/svg icons/arrows_right_double-31.svg +++ b/CSS3/images/arrows_right_double-31.svg @@ -1,10 +1,10 @@ - - - - - - - - - + + + + + + + + + diff --git a/CSS3assignments/svg icons/arrows_rotate_anti_dashed.svg b/CSS3/images/arrows_rotate_anti_dashed.svg old mode 100755 new mode 100644 similarity index 98% rename from CSS3assignments/svg icons/arrows_rotate_anti_dashed.svg rename to CSS3/images/arrows_rotate_anti_dashed.svg index f3a0d9c..cb539d9 --- a/CSS3assignments/svg icons/arrows_rotate_anti_dashed.svg +++ b/CSS3/images/arrows_rotate_anti_dashed.svg @@ -1,38 +1,38 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/CSS3assignments/svg icons/arrows_shrink_diagonal1.svg b/CSS3/images/arrows_shrink_diagonal1.svg old mode 100755 new mode 100644 similarity index 98% rename from CSS3assignments/svg icons/arrows_shrink_diagonal1.svg rename to CSS3/images/arrows_shrink_diagonal1.svg index 7519530..600aa0e --- a/CSS3assignments/svg icons/arrows_shrink_diagonal1.svg +++ b/CSS3/images/arrows_shrink_diagonal1.svg @@ -1,12 +1,12 @@ - - - - - - - - - + + + + + + + + + diff --git a/CSS3assignments/svg icons/arrows_sign_left.svg b/CSS3/images/arrows_sign_left.svg old mode 100755 new mode 100644 similarity index 98% rename from CSS3assignments/svg icons/arrows_sign_left.svg rename to CSS3/images/arrows_sign_left.svg index c2f0b9f..6191e04 --- a/CSS3assignments/svg icons/arrows_sign_left.svg +++ b/CSS3/images/arrows_sign_left.svg @@ -1,7 +1,7 @@ - - - - - - + + + + + + diff --git a/CSS3assignments/svg icons/arrows_sign_right.svg b/CSS3/images/arrows_sign_right.svg old mode 100755 new mode 100644 similarity index 98% rename from CSS3assignments/svg icons/arrows_sign_right.svg rename to CSS3/images/arrows_sign_right.svg index d0528c0..bf3515d --- a/CSS3assignments/svg icons/arrows_sign_right.svg +++ b/CSS3/images/arrows_sign_right.svg @@ -1,9 +1,9 @@ - - - - - - - - + + + + + + + + diff --git a/CSS3assignments/svg icons/arrows_slide_right1.svg b/CSS3/images/arrows_slide_right1.svg old mode 100755 new mode 100644 similarity index 98% rename from CSS3assignments/svg icons/arrows_slide_right1.svg rename to CSS3/images/arrows_slide_right1.svg index ad349ba..63418cb --- a/CSS3assignments/svg icons/arrows_slide_right1.svg +++ b/CSS3/images/arrows_slide_right1.svg @@ -1,10 +1,10 @@ - - - - - - - - + + + + + + + + diff --git a/CSS3assignments/svg icons/arrows_square_left.svg b/CSS3/images/arrows_square_left.svg old mode 100755 new mode 100644 similarity index 98% rename from CSS3assignments/svg icons/arrows_square_left.svg rename to CSS3/images/arrows_square_left.svg index 1161e3b..ced9beb --- a/CSS3assignments/svg icons/arrows_square_left.svg +++ b/CSS3/images/arrows_square_left.svg @@ -1,10 +1,10 @@ - - - - - - - - - + + + + + + + + + diff --git a/HTMLassignments/images/banner.png b/CSS3/images/banner.png old mode 100755 new mode 100644 similarity index 100% rename from HTMLassignments/images/banner.png rename to CSS3/images/banner.png diff --git a/HTMLassignments/images/logo.jpg b/CSS3/images/logo.jpg old mode 100755 new mode 100644 similarity index 100% rename from HTMLassignments/images/logo.jpg rename to CSS3/images/logo.jpg diff --git a/HTMLassignments/images/resourse1.png b/CSS3/images/resourse1.png old mode 100755 new mode 100644 similarity index 100% rename from HTMLassignments/images/resourse1.png rename to CSS3/images/resourse1.png diff --git a/HTMLassignments/images/resourse2.png b/CSS3/images/resourse2.png old mode 100755 new mode 100644 similarity index 100% rename from HTMLassignments/images/resourse2.png rename to CSS3/images/resourse2.png diff --git a/HTMLassignments/images/resourse3.png b/CSS3/images/resourse3.png old mode 100755 new mode 100644 similarity index 100% rename from HTMLassignments/images/resourse3.png rename to CSS3/images/resourse3.png diff --git a/CSS3/index.html b/CSS3/index.html new file mode 100644 index 0000000..c3b4b46 --- /dev/null +++ b/CSS3/index.html @@ -0,0 +1,180 @@ + + + + + + IMC Home Page + + + + + + + + +
+
+
+
    + +
    • +
    • +
    • +
+
+
+ logo +
+
+ Banner View +
+ +
+
+ +
+
+
+

Welcome to IMC

+

That’s just what we are all about – integration of the marketing communication process, so as to be + able to deliver to our clients – super efficient solutions - every single time.

+ +

We are not all about advertising, public relations, event management, sales promotion, direct marketing + – yet we are just all of that. The only difference though is the way we approach it – for us, these + are tools tha t we use to be able to achieve the objective that YOU define to us. + I have worked in various of these “tool segments” over the last few years, and the one thing that + struck me everytime I approached to address a client’s requirement, I always felt there was something + missing. As an event manager, my only solution to all my clients banes were “event – it will help + you” – as a PR manager, public relation was manna the skies sent down.

+ +

With over 40 cumulative years of experience, we have both the domain knowledge about the products + and services we handle as well as in-house expertise

+ + +
Meera Raman Director, Consumer Marketing Practice IMC Terminu
+ +
+ + + + + +
+
+ +
+ Banner View
Caption 1
+
+ +
+ Banner View
Caption 2
+
+ + +
+ Banner View
Caption 3
+
+ +
+ +
+ + \ No newline at end of file diff --git a/CSS3/less/style.less b/CSS3/less/style.less new file mode 100644 index 0000000..73b8131 --- /dev/null +++ b/CSS3/less/style.less @@ -0,0 +1,290 @@ +body{ + width: 95%; + margin: 15px auto; + font-family: 'robotoregular', Arial, sans-serif; +} + +header{ + overflow: auto; + overflow-y: hidden; +} + +.logowrapper{ + width: 20%; + box-sizing: border-box; + float: left; +} +.logoimg{ + padding-top:80px; + width: 100%; +} + +.bannerwrapper{ + width: 80%; + box-sizing: border-box; + float: left; +} +.bannerimg{ + width: 100%; +} + +.topnav { + font-family: 'robotolight', Arial, sans-serif; + font-weight:bold; + clear:both; + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + background: rgba(0, 0, 0, 0) linear-gradient(white, white, white, #d3d3d3) repeat scroll 0 0; + + li { + padding: 10px 2px; + float: left; + margin: 0 8px; + + a { + padding: 14px 28px; + display: inline-block; + color: grey; + font-size: 16px; + text-align: center; + padding: 14px 16px; + text-decoration: none; + &:hover{ + color:#cd2e27; + } +} + } +} + + +.content{ + font-family: 'robotoregular', Arial, sans-serif; + width: 75%; + float: left; + margin:0px 15px 15px 15px; + padding-left: 20px; + line-height: 20px; + h1{ + margin: 15px 0; + color:#cd2e27; + font-size:18px; + } + + p{ + margin: 10px 0; + } +} + +.signature{ + color:#4c9d68; +} + +.righ-nav{ + width: 18%; + float: right; + margin:18px 15px 15px 15px; +} +.captionwrapper{ + float: left; + width: 98%; + margin: 20px; + color:#c6c6c6; +} + +.imgcaption{ + float: left; + padding: 15px; + width: 30%; + text-align: center; + + + img{ + width: 220px; + border-radius: 50%; + height: 220px; +} +} + +.captionImg li { + float: left; + width: 40%; +} + +input[type="text"] { + height: 20px; + +} + +big{ + display:block; +} + +button{ + height:26px; +} + +.footer-btn{ + /* background:#07587b; */ + color:#fff; + width:100px; + height: 40px; + float: right; + border-radius: 16px; + border: none; + margin:0; + background-image: -o-linear-gradient(bottom, #08597F 0%, #085C80 100%); + background-image: -moz-linear-gradient(bottom, #08597F 0%, #085C80 100%); + background-image: -webkit-linear-gradient(bottom, #08597F 0%, #085C80 100%); + background-image: -ms-linear-gradient(bottom, #08597F 0%, #085C80 100%); + background-image: linear-gradient(to bottom, #08597F 0%, #085C80 100%); + +} + +table button { + background:#07587b; + color:#fff; + width:25%; + height: 26px; + float: right; + border-radius: 8px; + height: 26px; + border: none; + margin-right: 10px; +} + +.nav-list{ + margin-top: 10px; + + ul li{ + padding: 10px; + border-bottom: 2px solid black; + border-color:grey; + width: 85%; + border-style: dashed; +} +} + +.mid-wrapper{ + overflow:auto; +} +.services{ + clear:both; +} + + +footer{ + font-family: 'robotoregular', Arial, sans-serif !important; + overflow:auto; + overflow-x:hidden; + clear:both; + background:#58595b; + padding: 16px; + + h5{ + color:#fff; + font-size:18px; + padding: 16px 0; +} + + ul li{ + color:#828182; + padding:5px 0; + font-weight:bold; + line-height:18px; +} +section{ + padding: 16px; + width:30%; + float:left; +} +} + +.contact-info{ + margin:0; + + input{ + + border-radius:10px; + width: 100%; + background:#c6c6c6; + border:none; + height:30px; +} + +} + +table tr{ + padding:10px 0; + + td:first-child{ + color:#949293; +} +} + +input::-webkit-input-placeholder { +color: #000; +padding-left:10px; +} + +input:-moz-placeholder { +color: #000; +padding-left:10px; +} + +input::-moz-placeholder { +color: #000 ; +padding-left:10px; +} + +input:-ms-input-placeholder { +color: #000 ; +padding-left:10px; +} + +table tr td{ + padding:5px 5px; + :nth-child(2){ + width:100%; +} +} + + + +.footer-nav{ + text-align:center; + width:100%; + + ul li{ + display:inline-block; + border-right:1px solid #949293; + padding-right:5px; + + :last-child{ + border-right:none; + +} + +} +} + + + + + + + + + + + + + + + + + + + + diff --git a/CSS3assignments/Instructions - CSS3 assignment.docx b/CSS3assignments/Instructions - CSS3 assignment.docx deleted file mode 100755 index d800a3e..0000000 Binary files a/CSS3assignments/Instructions - CSS3 assignment.docx and /dev/null differ diff --git a/HTML/index.html b/HTML/index.html new file mode 100644 index 0000000..80e559f --- /dev/null +++ b/HTML/index.html @@ -0,0 +1,168 @@ + + + + + + IMC Home Page + + + +
+
+ +
+ logo +
+
+ Banner View +
+ +
+
+ +
+
+
+

Welcome to IMC

+

That’s just what we are all about – integration of the marketing communication process, so as to be + able to deliver to our clients – super efficient solutions - every single time.

+ +

We are not all about advertising, public relations, event management, sales promotion, direct marketing + – yet we are just all of that. The only difference though is the way we approach it – for us, these + are tools tha t we use to be able to achieve the objective that YOU define to us. + I have worked in various of these “tool segments” over the last few years, and the one thing that + struck me everytime I approached to address a client’s requirement, I always felt there was something + missing. As an event manager, my only solution to all my clients banes were “event – it will help + you” – as a PR manager, public relation was manna the skies sent down.

+ +

With over 40 cumulative years of experience, we have both the domain knowledge about the products + and services we handle as well as in-house expertise

+ + +
Meera Raman Director, Consumer Marketing Practice IMC Terminu
+ +
+ + + + + +
+
+ +
+ Banner View
Caption 1
+
+ +
+ Banner View
Caption 2
+
+ + +
+ Banner View
Caption 3
+
+ +
+ +
+ + \ No newline at end of file diff --git a/HTMLassignments/README.md b/HTMLassignments/README.md deleted file mode 100644 index 1ccc387..0000000 --- a/HTMLassignments/README.md +++ /dev/null @@ -1,27 +0,0 @@ -HTML Assignments - -# PURPOSE & OBJECTIVES: - -The objectives of this Web page assignment include: - -● HTML5 basic document structure; - -● HTML5 syntax; - -● Some simple HTML5 statements, keywords, commands, and tags; - -● Global structure (document formatting); - -● Block Structures (section formatting); - -● Paragraph formatting; - -# SPECIFICATIONS & INSTRUCTIONS: - -1. Create HTML5 page for pdf (refer Assignment1­HTML.pdf) - -2. Make use of HTML5 tags, no need to write CSS. - -3. Images are there in the same folder. - -4. Copy the text from the PDF, wherever required. diff --git a/LESS/Assignment2-CSS.pdf b/LESS/Assignment2-CSS.pdf new file mode 100644 index 0000000..74a7b4f Binary files /dev/null and b/LESS/Assignment2-CSS.pdf differ diff --git a/LESS/css/assignment.css b/LESS/css/assignment.css new file mode 100644 index 0000000..83fce83 --- /dev/null +++ b/LESS/css/assignment.css @@ -0,0 +1,352 @@ +body{ + width: 95%; + margin: 15px auto; + /* border:1px solid; */ + font-family: 'robotoregular', Arial, sans-serif; +} + +header{ + overflow: auto; + overflow-y: hidden; +} +.svg-icons{ + overflow:auto; +} +.svg-icons ul { + float:right; +} +.svg-icons ul li{ + display:inline-block; + padding: 10px 10px; + + +} +.logowrapper{ + width: 20%; + box-sizing: border-box; + float: left; +} +.logoimg{ + padding-top:80px; + width: 100%; +} + +.bannerwrapper{ + width: 80%; + box-sizing: border-box; + float: left; +} +.bannerimg{ + width: 100%; +} + +.topnav { + font-family: 'robotolight', Arial, sans-serif; + font-weight:bold; + clear:both; + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + background: rgba(0, 0, 0, 0) linear-gradient(white, white, white, #d3d3d3) repeat scroll 0 0; +} +/* .topnav ul { + background: rgba(0, 0, 0, 0) linear-gradient(white, white, white, #d3d3d3) repeat scroll 0 0; +} */ + + +.topnav li { + padding: 10px 2px; + float: left; + margin: 0 8px; +} + +.topnav li :hover{ + color:#cd2e27; +} + + .topnav li a { + padding: 14px 28px; + display: inline-block; + color: grey; + font-size: 16px; + text-align: center; + padding: 14px 16px; + text-decoration: none; +} + +.content{ + font-family: 'robotoregular', Arial, sans-serif; + width: 72%; + float: left; + margin:0px 15px 15px 15px; + padding-left: 20px; + line-height: 20px; +} + + +.content h1{ + margin: 15px 0; + color:#cd2e27; + font-size:18px; +} + +.content p{ + margin: 10px 0; + } + +.signature{ + color:#4c9d68; +} + +.righ-nav{ + width: 18%; + float: right; + margin:18px 15px 15px 15px; +} +.captionwrapper{ + float: left; + width: 98%; + margin: 20px; + color:#c6c6c6; +} + +.imgcaption{ + float: left; + padding: 15px; + width: 30%; + text-align: center; +} + +.imgcaption img{ + width: 220px; + border-radius: 50%; + height: 220px; +} + +.captionImg li { + float: left; + width: 40%; +} + + + +input[type="text"] { + height: 20px; + +} + +big{ + display:block; +} + + + +.footer-btn{ + color:#fff; + width:100px; + height: 40px; + float: right; + border-radius: 16px; + border: none; + margin:0; + background-image: -o-linear-gradient(bottom, #08597F 0%, #085C80 100%); + background-image: -moz-linear-gradient(bottom, #08597F 0%, #085C80 100%); + background-image: -webkit-linear-gradient(bottom, #08597F 0%, #085C80 100%); + background-image: -ms-linear-gradient(bottom, #08597F 0%, #085C80 100%); + background-image: linear-gradient(to bottom, #08597F 0%, #085C80 100%); + +} + + + +.nav-list{ + margin-top: 10px; +} + +.nav-list ul li{ + padding: 10px; + border-bottom: 2px solid black; + border-color:grey; + width: 85%; + border-style: dashed; +} +.mid-wrapper{ + overflow:auto; +} +.services{ + clear:both; +} + +footer{ + font-family: 'robotoregular', Arial, sans-serif !important; + overflow:auto; + overflow-x:hidden; + clear:both; + background:#58595b; + padding: 16px; +} + +footer h5{ + color:#fff; + font-size:18px; + padding: 16px 0; +} + +footer ul li{ + color:#828182; + padding:5px 0; + font-weight:bold; + line-height:18px; +} + + +footer section{ + padding: 16px; + width:30%; + float:left; +} +.contact-info{ + margin:0; + +} + +.contact-info input{ + + border-radius:10px; + width: 100%; + background:#c6c6c6; + border:none; + height:30px; +} + +button{ + height:26px; +} +table{ + width:350px; +} +table button { + background:#07587b; + color:#fff; + width:25%; + height: 26px; + float: right; + border-radius: 8px; + height: 26px; + border: none; + margin-right: 10px; +} + +input::-webkit-input-placeholder { +color: #000; +padding-left:10px; +} + +input:-moz-placeholder { +color: #000; +padding-left:10px; +} + +input::-moz-placeholder { +color: #000 ; +padding-left:10px; +} + +input:-ms-input-placeholder { +color: #000 ; +padding-left:10px; +} + +table tr{ + padding:10px 0; +} +table tr td:first-child{ + color:#949293; +} +table tr td{ + padding:5px 5px; + +} +table td:nth-child(2){ + width:100%; +} +.footer-nav{ + text-align:center; + width:100%; +} +.footer-nav ul li{ + display:inline-block; + border-right:1px solid #949293; + padding-right:5px; + +} +.footer-nav ul li:last-child{ + border-right:none; + +} + + + + @media (min-width:900px){ + .content{ + font-family: 'robotoregular', Arial, sans-serif; + width: 72%; + float: left; + margin:0px 15px 15px 15px; + padding-left: 20px; + line-height: 20px; + } + + +} + + + +@media (max-width:500px) and (min-width:320px) { + .wrapper{ + overflow:hidden; + } + .mid-wrapper{ + overflow:hidden; + } + .svg-icons{ + display:none; + overflow: auto; + } + .logoimg{ + padding-top: 20px; + } + .content{ + padding: 0 10px 0 0; + } + .content,.righ-nav { + + width:90%; + float:none; + + } + .righ-nav{ + margin:0 0 0 20px; + } + + .righ-nav section{ + padding: 0 15px; + } + + .imgcaption{ + float:none; + width:auto; + } + .services{ + width:auto; + + + } + footer section{ + float:none; + width:auto; + } +}​ + + diff --git a/LESS/css/clear.css b/LESS/css/clear.css new file mode 100644 index 0000000..af94440 --- /dev/null +++ b/LESS/css/clear.css @@ -0,0 +1,48 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} \ No newline at end of file diff --git a/LESS/css/icons.css b/LESS/css/icons.css new file mode 100644 index 0000000..a912bc4 --- /dev/null +++ b/LESS/css/icons.css @@ -0,0 +1,51 @@ +.icon-arrows_move2:before { + content: "\e900"; + color:#7d7d7d; + font-size: 55px; +} +.icon-arrows_plus:before { + content: "\e901"; + color:#7d7d7d; + font-size: 55px; +} +.icon-arrows_question:before { + content: "\e902"; + color:#7d7d7d; + font-size: 55px; +} +.icon-arrows_right_double-31:before { + content: "\e903"; + color:#7d7d7d; + font-size: 55px; +} +.icon-arrows_rotate_anti_dashed:before { + content: "\e904"; + color:#7d7d7d; + font-size: 55px; +} +.icon-arrows_shrink_diagonal1:before { + content: "\e905"; + color:#7d7d7d; + font-size: 55px; + +} +.icon-arrows_sign_left:before { + content: "\e906"; + color:#a5b6c4; + font-size: 18px; +} +.icon-arrows_sign_right:before { + content: "\e907"; + color:#a5b6c4; + font-size: 18px; +} +.icon-arrows_slide_right1:before { + content: "\e908"; + color:#a5b6c4; + font-size: 18px; +} +.icon-arrows_square_left:before { + content: "\e909"; + color:#a5b6c4; + font-size: 18px; +} \ No newline at end of file diff --git a/LESS/css/mediumdevice.css b/LESS/css/mediumdevice.css new file mode 100644 index 0000000..e1da32a --- /dev/null +++ b/LESS/css/mediumdevice.css @@ -0,0 +1,63 @@ + + @media(max-width:900px) and (min-width:501px) + { + .wrapper{ + overflow:hidden; + } + .svg-icons{ + overflow: auto; + } + .logoimg{ + padding-top: 36px; + } + + .svg-icons ul{ + float:left; + } + .mid-wrapper{ + overflow:hidden; + } + .content{ + padding: 0 10px 0 0; + } + .content { + + width: 50%; + float: left; + + } + + .righ-nav{ + width: 34%; + float: left; + padding: 0 15px; + margin: 0px 15px 15px 0px; + } + + .imgcaption{ + float:none; + width:auto; + } + .services{ + + float: left; + width: 30%; + + } + footer section{ + float: left; + width: 25%; + + } + .contact-info input{ + border-radius: 10px; + width: 86%; + font-size: 8px; + background: #c6c6c6; + border: none; + height: 30px; + } +}​ + + + diff --git a/LESS/css/style.css b/LESS/css/style.css new file mode 100644 index 0000000..3050115 --- /dev/null +++ b/LESS/css/style.css @@ -0,0 +1 @@ +body{width:95%;margin:15px auto;font-family:robotoregular,Arial,sans-serif}header{overflow:auto;overflow-y:hidden}.logowrapper{width:20%;box-sizing:border-box;float:left}.logoimg{padding-top:80px;width:100%}.bannerwrapper{width:80%;box-sizing:border-box;float:left}.bannerimg{width:100%}.svg-icons{overflow:auto}.svg-icons ul{float:right}.svg-icons ul li{display:inline-block;padding:10px}.topnav{font-family:robotolight,Arial,sans-serif;font-weight:700;clear:both;list-style-type:none;margin:0;padding:0;overflow:hidden;background:linear-gradient(#fff,#fff,#fff,#d3d3d3) rgba(0,0,0,0)}.topnav li{padding:10px 2px;float:left;margin:0 8px}.topnav li a{display:inline-block;color:grey;font-size:16px;text-align:center;padding:14px 16px;text-decoration:none}.topnav li a:hover{color:#cd2e27}.content{font-family:robotoregular,Arial,sans-serif;width:75%;float:left;margin:0 15px 15px;padding-left:20px;line-height:20px}.content h1{margin:15px 0;color:#cd2e27;font-size:18px}.content p{margin:10px 0}.signature{color:#4c9d68}.righ-nav{width:18%;float:right;margin:18px 15px 15px}.captionwrapper{float:left;width:98%;margin:20px;color:#c6c6c6}.imgcaption{float:left;padding:15px;width:30%;text-align:center}.imgcaption img{width:220px;border-radius:50%;height:220px}.captionImg li{float:left;width:40%}input[type=text]{height:20px;border:1px solid #d76f6c}big{display:block}button{height:26px;color:#d76f6c;background:#f5f5f5;border:1px solid #d76f6c}.footer-btn{color:#fff;width:100px;height:40px;float:right;border-radius:16px;border:none;margin:0;background-image:-o-linear-gradient(bottom,#08597f 0,#07587b 100%);background-image:-moz-linear-gradient(bottom,#08597f 0,#07587b 100%);background-image:-webkit-linear-gradient(bottom,#08597f 0,#07587b 100%);background-image:-ms-linear-gradient(bottom,#08597f 0,#07587b 100%);background-image:linear-gradient(to bottom,#08597f 0,#07587b 100%)}table{width:350px}table button{background:#07587b;color:#fff;width:25%;float:right;border-radius:8px;height:26px;border:none;margin-right:10px}.nav-list{margin-top:10px}.nav-list ul li{padding:10px;border-bottom:2px solid #000;border-color:grey;width:85%;border-style:dashed}.mid-wrapper{overflow:auto}.services{clear:both}footer{font-family:robotoregular,Arial,sans-serif!important;overflow:auto;overflow-x:hidden;clear:both;background:#58595b;padding:16px}footer h5{color:#fff;font-size:18px;padding:16px 0}footer ul li{color:#828182;padding:5px 0;font-weight:700;line-height:18px}footer section{padding:16px;width:30%;float:left}.contact-info{margin:0}.contact-info input{border-radius:10px;width:100%;background:#c6c6c6;border:none;height:30px}table tr{padding:10px 0}table tr td:first-child{color:#949293}input::-webkit-input-placeholder{color:#000;padding-left:10px}input:-moz-placeholder{color:#000;padding-left:10px}input::-moz-placeholder{color:#000;padding-left:10px}input:-ms-input-placeholder{color:#000;padding-left:10px}table tr td{padding:5px}table tr td :nth-child(2){width:100%}.footer-nav{text-align:center;width:100%}.footer-nav ul li{display:inline-block;border-right:1px solid #949293;padding-right:5px}.footer-nav li:last-child{border-right:none} \ No newline at end of file diff --git a/LESS/css/typo.css b/LESS/css/typo.css new file mode 100644 index 0000000..aa1fbdc --- /dev/null +++ b/LESS/css/typo.css @@ -0,0 +1,25 @@ +@font-face { + font-family: 'icomoon'; + src: url('../fonts/icomoon.eot?8eyfsm'); + src: url('../fonts/icomoon.eot?8eyfsm#iefix') format('embedded-opentype'), + url('../fonts/icomoon.ttf?8eyfsm') format('truetype'), + url('../fonts/icomoon.woff?8eyfsm') format('woff'), + url('../fonts/icomoon.svg?8eyfsm#icomoon') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="icon-"], [class*=" icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'icomoon' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} \ No newline at end of file diff --git a/LESS/fonts/Roboto-Light.ttf b/LESS/fonts/Roboto-Light.ttf new file mode 100644 index 0000000..aa45340 Binary files /dev/null and b/LESS/fonts/Roboto-Light.ttf differ diff --git a/LESS/fonts/Roboto-Regular.ttf b/LESS/fonts/Roboto-Regular.ttf new file mode 100644 index 0000000..0e58508 Binary files /dev/null and b/LESS/fonts/Roboto-Regular.ttf differ diff --git a/LESS/fonts/icomoon.eot b/LESS/fonts/icomoon.eot new file mode 100644 index 0000000..69b30f0 Binary files /dev/null and b/LESS/fonts/icomoon.eot differ diff --git a/LESS/fonts/icomoon.svg b/LESS/fonts/icomoon.svg new file mode 100644 index 0000000..95298d5 --- /dev/null +++ b/LESS/fonts/icomoon.svg @@ -0,0 +1,18 @@ + + + +Generated by IcoMoon + + + + + + + + + + + + + + \ No newline at end of file diff --git a/LESS/fonts/icomoon.ttf b/LESS/fonts/icomoon.ttf new file mode 100644 index 0000000..9a05c32 Binary files /dev/null and b/LESS/fonts/icomoon.ttf differ diff --git a/LESS/fonts/icomoon.woff b/LESS/fonts/icomoon.woff new file mode 100644 index 0000000..1cb4621 Binary files /dev/null and b/LESS/fonts/icomoon.woff differ diff --git a/LESS/fonts/webfontkit-20160322-043735/generator_config.txt b/LESS/fonts/webfontkit-20160322-043735/generator_config.txt new file mode 100644 index 0000000..47dd036 --- /dev/null +++ b/LESS/fonts/webfontkit-20160322-043735/generator_config.txt @@ -0,0 +1,5 @@ +# Font Squirrel Font-face Generator Configuration File +# Upload this file to the generator to recreate the settings +# you used to create these fonts. + +{"mode":"optimal","formats":["ttf","woff","woff2","eotz"],"tt_instructor":"default","fix_gasp":"xy","fix_vertical_metrics":"Y","metrics_ascent":"","metrics_descent":"","metrics_linegap":"","add_spaces":"Y","add_hyphens":"Y","fallback":"none","fallback_custom":"100","options_subset":"basic","subset_custom":"","subset_custom_range":"","subset_ot_features_list":"","css_stylesheet":"stylesheet.css","filename_suffix":"-webfont","emsquare":"2048","spacing_adjustment":"0"} \ No newline at end of file diff --git a/LESS/fonts/webfontkit-20160322-043735/roboto-light-demo.html b/LESS/fonts/webfontkit-20160322-043735/roboto-light-demo.html new file mode 100644 index 0000000..b6e1adf --- /dev/null +++ b/LESS/fonts/webfontkit-20160322-043735/roboto-light-demo.html @@ -0,0 +1,616 @@ + + + + + + + + + + + + + Roboto Light Specimen + + + + + + +
+ + + +
+ + +
+ +
+
+
AaBb
+
+
+ +
+
A​B​C​D​E​F​G​H​I​J​K​L​M​N​O​P​Q​R​S​T​U​V​W​X​Y​Z​a​b​c​d​e​f​g​h​i​j​k​l​m​n​o​p​q​r​s​t​u​v​w​x​y​z​1​2​3​4​5​6​7​8​9​0​&​.​,​?​!​@​(​)​#​$​%​*​+​-​=​:​;
+
+
+
+ + + + + + + + + + + + + + + + +
10abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
11abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
12abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
13abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
14abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
16abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
18abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
20abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
24abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
30abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
36abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
48abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
60abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
72abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
90abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
+ +
+ +
+ + + +
+ + +
+
◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼body
body
body
body
+
+ bodyRoboto Light +
+
+ bodyArial +
+
+ bodyVerdana +
+
+ bodyGeorgia +
+ + + +
+ + +
+ +
+

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+
+
+

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+ +
+ +
+ +
+
+

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+ +
+ +
+ +
+
+

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+ +
+ + + +
+
+

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+ +
+
+

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+ +
+
+

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+ +
+ +
+ +
+
+

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+ +
+ + + + +
+ +
+ +
+ +
+

Lorem Ipsum Dolor

+

Etiam porta sem malesuada magna mollis euismod

+ +

By Aenean Lacinia

+
+
+
+
+

Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ + +

Pellentesque ornare sem

+ +

Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit.

+ +

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

+ +

Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur.

+ +

Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.

+ +

Cras mattis consectetur

+ +

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum.

+ +

Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.

+
+ +
+ +
+

Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+ +

Maecenas sed diam eget risus varius.

+ +

Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ + + +

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo.

+ +

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ +
+
+ +
+ + + + + + +
+
+
+ +

Language Support

+

The subset of Roboto Light in this kit supports the following languages:
+ + Albanian, Basque, Breton, Chamorro, Danish, Dutch, English, Faroese, Finnish, French, Frisian, Galician, German, Icelandic, Italian, Malagasy, Norwegian, Portuguese, Spanish, Swedish

+

Glyph Chart

+

The subset of Roboto Light in this kit includes all the glyphs listed below. Unicode entities are included above each glyph to help you insert individual characters into your layout.

+
+ +

&#2;


+

&#9;

+

&#13;

+

&#32;

+

&#33;

!
+

&#34;

"
+

&#35;

#
+

&#36;

$
+

&#37;

%
+

&#38;

&
+

&#39;

'
+

&#40;

(
+

&#41;

)
+

&#42;

*
+

&#43;

+
+

&#44;

,
+

&#45;

-
+

&#46;

.
+

&#47;

/
+

&#48;

0
+

&#49;

1
+

&#50;

2
+

&#51;

3
+

&#52;

4
+

&#53;

5
+

&#54;

6
+

&#55;

7
+

&#56;

8
+

&#57;

9
+

&#58;

:
+

&#59;

;
+

&#60;

<
+

&#61;

=
+

&#62;

>
+

&#63;

?
+

&#64;

@
+

&#65;

A
+

&#66;

B
+

&#67;

C
+

&#68;

D
+

&#69;

E
+

&#70;

F
+

&#71;

G
+

&#72;

H
+

&#73;

I
+

&#74;

J
+

&#75;

K
+

&#76;

L
+

&#77;

M
+

&#78;

N
+

&#79;

O
+

&#80;

P
+

&#81;

Q
+

&#82;

R
+

&#83;

S
+

&#84;

T
+

&#85;

U
+

&#86;

V
+

&#87;

W
+

&#88;

X
+

&#89;

Y
+

&#90;

Z
+

&#91;

[
+

&#92;

\
+

&#93;

]
+

&#94;

^
+

&#95;

_
+

&#96;

`
+

&#97;

a
+

&#98;

b
+

&#99;

c
+

&#100;

d
+

&#101;

e
+

&#102;

f
+

&#103;

g
+

&#104;

h
+

&#105;

i
+

&#106;

j
+

&#107;

k
+

&#108;

l
+

&#109;

m
+

&#110;

n
+

&#111;

o
+

&#112;

p
+

&#113;

q
+

&#114;

r
+

&#115;

s
+

&#116;

t
+

&#117;

u
+

&#118;

v
+

&#119;

w
+

&#120;

x
+

&#121;

y
+

&#122;

z
+

&#123;

{
+

&#124;

|
+

&#125;

}
+

&#126;

~
+

&#160;

 
+

&#161;

¡
+

&#162;

¢
+

&#163;

£
+

&#164;

¤
+

&#165;

¥
+

&#166;

¦
+

&#167;

§
+

&#168;

¨
+

&#169;

©
+

&#170;

ª
+

&#171;

«
+

&#172;

¬
+

&#173;

­
+

&#174;

®
+

&#175;

¯
+

&#176;

°
+

&#177;

±
+

&#178;

²
+

&#179;

³
+

&#180;

´
+

&#181;

µ
+

&#182;

+

&#183;

·
+

&#184;

¸
+

&#185;

¹
+

&#186;

º
+

&#187;

»
+

&#188;

¼
+

&#189;

½
+

&#190;

¾
+

&#191;

¿
+

&#192;

À
+

&#193;

Á
+

&#194;

Â
+

&#195;

Ã
+

&#196;

Ä
+

&#197;

Å
+

&#198;

Æ
+

&#199;

Ç
+

&#200;

È
+

&#201;

É
+

&#202;

Ê
+

&#203;

Ë
+

&#204;

Ì
+

&#205;

Í
+

&#206;

Î
+

&#207;

Ï
+

&#208;

Ð
+

&#209;

Ñ
+

&#210;

Ò
+

&#211;

Ó
+

&#212;

Ô
+

&#213;

Õ
+

&#214;

Ö
+

&#215;

×
+

&#216;

Ø
+

&#217;

Ù
+

&#218;

Ú
+

&#219;

Û
+

&#220;

Ü
+

&#221;

Ý
+

&#222;

Þ
+

&#223;

ß
+

&#224;

à
+

&#225;

á
+

&#226;

â
+

&#227;

ã
+

&#228;

ä
+

&#229;

å
+

&#230;

æ
+

&#231;

ç
+

&#232;

è
+

&#233;

é
+

&#234;

ê
+

&#235;

ë
+

&#236;

ì
+

&#237;

í
+

&#238;

î
+

&#239;

ï
+

&#240;

ð
+

&#241;

ñ
+

&#242;

ò
+

&#243;

ó
+

&#244;

ô
+

&#245;

õ
+

&#246;

ö
+

&#247;

÷
+

&#248;

ø
+

&#249;

ù
+

&#250;

ú
+

&#251;

û
+

&#252;

ü
+

&#253;

ý
+

&#254;

þ
+

&#255;

ÿ
+

&#338;

Œ
+

&#339;

œ
+

&#376;

Ÿ
+

&#710;

ˆ
+

&#732;

˜
+

&#8192;

 
+

&#8193;

 
+

&#8194;

 
+

&#8195;

 
+

&#8196;

 
+

&#8197;

 
+

&#8198;

 
+

&#8199;

 
+

&#8200;

 
+

&#8201;

 
+

&#8202;

 
+

&#8208;

‐
+

&#8209;

‑
+

&#8210;

‒
+

&#8211;

–
+

&#8212;

—
+

&#8216;

‘
+

&#8217;

’
+

&#8218;

‚
+

&#8220;

“
+

&#8221;

”
+

&#8222;

„
+

&#8226;

•
+

&#8230;

…
+

&#8239;

 
+

&#8249;

‹
+

&#8250;

›
+

&#8287;

 
+

&#8364;

€
+

&#8482;

™
+

&#9724;

◼
+

&#64257;

fi
+

&#64258;

fl
+

&#64259;

ffi
+

&#64260;

ffl
+
+
+ + +
+
+ + +
+ +
+ +
+
+
+

Installing Webfonts

+ +

Webfonts are supported by all major browser platforms but not all in the same way. There are currently four different font formats that must be included in order to target all browsers. This includes TTF, WOFF, EOT and SVG.

+ +

1. Upload your webfonts

+

You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.

+ +

2. Include the webfont stylesheet

+

A special CSS @font-face declaration helps the various browsers select the appropriate font it needs without causing you a bunch of headaches. Learn more about this syntax by reading the Fontspring blog post about it. The code for it is as follows:

+ + + +@font-face{ + font-family: 'MyWebFont'; + src: url('WebFont.eot'); + src: url('WebFont.eot?#iefix') format('embedded-opentype'), + url('WebFont.woff') format('woff'), + url('WebFont.ttf') format('truetype'), + url('WebFont.svg#webfont') format('svg'); +} + + +

We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:

+ <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" /> + +

3. Modify your own stylesheet

+

To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the original @font-face declaration above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:

+p { font-family: 'WebFont', Arial, sans-serif; } + +

4. Test

+

Getting webfonts to work cross-browser can be tricky. Use the information in the sidebar to help you if you find that fonts aren't loading in a particular browser.

+
+ +
+
+

Troubleshooting
Font-Face Problems

+

Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.

+ +

Fonts not showing in any browser

+ +

This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a look at your .htaccess file and see if requests are getting intercepted.

+ +

Fonts not loading in iPhone or iPad

+ +

The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings. Follow these instructions from Microsoft if you need help.

+ +

Fonts not loading in Firefox

+ +

The primary reason for this failure? You are still using a version Firefox older than 3.5. So upgrade already! If that isn't it, then you are very likely serving fonts from a different domain. Firefox requires that all font assets be served from the same domain. Lastly it is possible that you need to add WOFF to your list of MIME types (if you are serving via IIS.)

+ +

Fonts not loading in IE

+ +

Are you looking at Internet Explorer on an actual Windows machine or are you cheating by using a service like Adobe BrowserLab? Many of these screenshot services do not render @font-face for IE. Best to test it on a real machine.

+ +

Fonts not loading in IE9

+ +

IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.

+
+
+
+ +
+ +
+ +
+ + diff --git a/LESS/fonts/webfontkit-20160322-043735/roboto-light-webfont.eot b/LESS/fonts/webfontkit-20160322-043735/roboto-light-webfont.eot new file mode 100644 index 0000000..abe08b0 Binary files /dev/null and b/LESS/fonts/webfontkit-20160322-043735/roboto-light-webfont.eot differ diff --git a/LESS/fonts/webfontkit-20160322-043735/roboto-light-webfont.svg b/LESS/fonts/webfontkit-20160322-043735/roboto-light-webfont.svg new file mode 100644 index 0000000..faa0b25 --- /dev/null +++ b/LESS/fonts/webfontkit-20160322-043735/roboto-light-webfont.svg @@ -0,0 +1,666 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/LESS/fonts/webfontkit-20160322-043735/roboto-light-webfont.ttf b/LESS/fonts/webfontkit-20160322-043735/roboto-light-webfont.ttf new file mode 100644 index 0000000..c93a5f5 Binary files /dev/null and b/LESS/fonts/webfontkit-20160322-043735/roboto-light-webfont.ttf differ diff --git a/LESS/fonts/webfontkit-20160322-043735/roboto-light-webfont.woff b/LESS/fonts/webfontkit-20160322-043735/roboto-light-webfont.woff new file mode 100644 index 0000000..29cc079 Binary files /dev/null and b/LESS/fonts/webfontkit-20160322-043735/roboto-light-webfont.woff differ diff --git a/LESS/fonts/webfontkit-20160322-043735/roboto-light-webfont.woff2 b/LESS/fonts/webfontkit-20160322-043735/roboto-light-webfont.woff2 new file mode 100644 index 0000000..b09382b Binary files /dev/null and b/LESS/fonts/webfontkit-20160322-043735/roboto-light-webfont.woff2 differ diff --git a/LESS/fonts/webfontkit-20160322-043735/roboto-regular-demo.html b/LESS/fonts/webfontkit-20160322-043735/roboto-regular-demo.html new file mode 100644 index 0000000..502dcce --- /dev/null +++ b/LESS/fonts/webfontkit-20160322-043735/roboto-regular-demo.html @@ -0,0 +1,616 @@ + + + + + + + + + + + + + Roboto Regular Specimen + + + + + + +
+ + + +
+ + +
+ +
+
+
AaBb
+
+
+ +
+
A​B​C​D​E​F​G​H​I​J​K​L​M​N​O​P​Q​R​S​T​U​V​W​X​Y​Z​a​b​c​d​e​f​g​h​i​j​k​l​m​n​o​p​q​r​s​t​u​v​w​x​y​z​1​2​3​4​5​6​7​8​9​0​&​.​,​?​!​@​(​)​#​$​%​*​+​-​=​:​;
+
+
+
+ + + + + + + + + + + + + + + + +
10abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
11abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
12abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
13abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
14abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
16abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
18abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
20abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
24abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
30abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
36abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
48abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
60abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
72abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
90abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
+ +
+ +
+ + + +
+ + +
+
◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼body
body
body
body
+
+ bodyRoboto Regular +
+
+ bodyArial +
+
+ bodyVerdana +
+
+ bodyGeorgia +
+ + + +
+ + +
+ +
+

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+
+
+

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+ +
+ +
+ +
+
+

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+ +
+ +
+ +
+
+

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+ +
+ + + +
+
+

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+ +
+
+

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+ +
+
+

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+ +
+ +
+ +
+
+

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+ +
+ + + + +
+ +
+ +
+ +
+

Lorem Ipsum Dolor

+

Etiam porta sem malesuada magna mollis euismod

+ +

By Aenean Lacinia

+
+
+
+
+

Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ + +

Pellentesque ornare sem

+ +

Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit.

+ +

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

+ +

Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur.

+ +

Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.

+ +

Cras mattis consectetur

+ +

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum.

+ +

Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.

+
+ +
+ +
+

Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+ +

Maecenas sed diam eget risus varius.

+ +

Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ + + +

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo.

+ +

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ +
+
+ +
+ + + + + + +
+
+
+ +

Language Support

+

The subset of Roboto Regular in this kit supports the following languages:
+ + Albanian, Basque, Breton, Chamorro, Danish, Dutch, English, Faroese, Finnish, French, Frisian, Galician, German, Icelandic, Italian, Malagasy, Norwegian, Portuguese, Spanish, Swedish

+

Glyph Chart

+

The subset of Roboto Regular in this kit includes all the glyphs listed below. Unicode entities are included above each glyph to help you insert individual characters into your layout.

+
+ +

&#2;


+

&#9;

+

&#13;

+

&#32;

+

&#33;

!
+

&#34;

"
+

&#35;

#
+

&#36;

$
+

&#37;

%
+

&#38;

&
+

&#39;

'
+

&#40;

(
+

&#41;

)
+

&#42;

*
+

&#43;

+
+

&#44;

,
+

&#45;

-
+

&#46;

.
+

&#47;

/
+

&#48;

0
+

&#49;

1
+

&#50;

2
+

&#51;

3
+

&#52;

4
+

&#53;

5
+

&#54;

6
+

&#55;

7
+

&#56;

8
+

&#57;

9
+

&#58;

:
+

&#59;

;
+

&#60;

<
+

&#61;

=
+

&#62;

>
+

&#63;

?
+

&#64;

@
+

&#65;

A
+

&#66;

B
+

&#67;

C
+

&#68;

D
+

&#69;

E
+

&#70;

F
+

&#71;

G
+

&#72;

H
+

&#73;

I
+

&#74;

J
+

&#75;

K
+

&#76;

L
+

&#77;

M
+

&#78;

N
+

&#79;

O
+

&#80;

P
+

&#81;

Q
+

&#82;

R
+

&#83;

S
+

&#84;

T
+

&#85;

U
+

&#86;

V
+

&#87;

W
+

&#88;

X
+

&#89;

Y
+

&#90;

Z
+

&#91;

[
+

&#92;

\
+

&#93;

]
+

&#94;

^
+

&#95;

_
+

&#96;

`
+

&#97;

a
+

&#98;

b
+

&#99;

c
+

&#100;

d
+

&#101;

e
+

&#102;

f
+

&#103;

g
+

&#104;

h
+

&#105;

i
+

&#106;

j
+

&#107;

k
+

&#108;

l
+

&#109;

m
+

&#110;

n
+

&#111;

o
+

&#112;

p
+

&#113;

q
+

&#114;

r
+

&#115;

s
+

&#116;

t
+

&#117;

u
+

&#118;

v
+

&#119;

w
+

&#120;

x
+

&#121;

y
+

&#122;

z
+

&#123;

{
+

&#124;

|
+

&#125;

}
+

&#126;

~
+

&#160;

 
+

&#161;

¡
+

&#162;

¢
+

&#163;

£
+

&#164;

¤
+

&#165;

¥
+

&#166;

¦
+

&#167;

§
+

&#168;

¨
+

&#169;

©
+

&#170;

ª
+

&#171;

«
+

&#172;

¬
+

&#173;

­
+

&#174;

®
+

&#175;

¯
+

&#176;

°
+

&#177;

±
+

&#178;

²
+

&#179;

³
+

&#180;

´
+

&#181;

µ
+

&#182;

+

&#183;

·
+

&#184;

¸
+

&#185;

¹
+

&#186;

º
+

&#187;

»
+

&#188;

¼
+

&#189;

½
+

&#190;

¾
+

&#191;

¿
+

&#192;

À
+

&#193;

Á
+

&#194;

Â
+

&#195;

Ã
+

&#196;

Ä
+

&#197;

Å
+

&#198;

Æ
+

&#199;

Ç
+

&#200;

È
+

&#201;

É
+

&#202;

Ê
+

&#203;

Ë
+

&#204;

Ì
+

&#205;

Í
+

&#206;

Î
+

&#207;

Ï
+

&#208;

Ð
+

&#209;

Ñ
+

&#210;

Ò
+

&#211;

Ó
+

&#212;

Ô
+

&#213;

Õ
+

&#214;

Ö
+

&#215;

×
+

&#216;

Ø
+

&#217;

Ù
+

&#218;

Ú
+

&#219;

Û
+

&#220;

Ü
+

&#221;

Ý
+

&#222;

Þ
+

&#223;

ß
+

&#224;

à
+

&#225;

á
+

&#226;

â
+

&#227;

ã
+

&#228;

ä
+

&#229;

å
+

&#230;

æ
+

&#231;

ç
+

&#232;

è
+

&#233;

é
+

&#234;

ê
+

&#235;

ë
+

&#236;

ì
+

&#237;

í
+

&#238;

î
+

&#239;

ï
+

&#240;

ð
+

&#241;

ñ
+

&#242;

ò
+

&#243;

ó
+

&#244;

ô
+

&#245;

õ
+

&#246;

ö
+

&#247;

÷
+

&#248;

ø
+

&#249;

ù
+

&#250;

ú
+

&#251;

û
+

&#252;

ü
+

&#253;

ý
+

&#254;

þ
+

&#255;

ÿ
+

&#338;

Œ
+

&#339;

œ
+

&#376;

Ÿ
+

&#710;

ˆ
+

&#732;

˜
+

&#8192;

 
+

&#8193;

 
+

&#8194;

 
+

&#8195;

 
+

&#8196;

 
+

&#8197;

 
+

&#8198;

 
+

&#8199;

 
+

&#8200;

 
+

&#8201;

 
+

&#8202;

 
+

&#8208;

‐
+

&#8209;

‑
+

&#8210;

‒
+

&#8211;

–
+

&#8212;

—
+

&#8216;

‘
+

&#8217;

’
+

&#8218;

‚
+

&#8220;

“
+

&#8221;

”
+

&#8222;

„
+

&#8226;

•
+

&#8230;

…
+

&#8239;

 
+

&#8249;

‹
+

&#8250;

›
+

&#8287;

 
+

&#8364;

€
+

&#8482;

™
+

&#9724;

◼
+

&#64257;

fi
+

&#64258;

fl
+

&#64259;

ffi
+

&#64260;

ffl
+
+
+ + +
+
+ + +
+ +
+ +
+
+
+

Installing Webfonts

+ +

Webfonts are supported by all major browser platforms but not all in the same way. There are currently four different font formats that must be included in order to target all browsers. This includes TTF, WOFF, EOT and SVG.

+ +

1. Upload your webfonts

+

You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.

+ +

2. Include the webfont stylesheet

+

A special CSS @font-face declaration helps the various browsers select the appropriate font it needs without causing you a bunch of headaches. Learn more about this syntax by reading the Fontspring blog post about it. The code for it is as follows:

+ + + +@font-face{ + font-family: 'MyWebFont'; + src: url('WebFont.eot'); + src: url('WebFont.eot?#iefix') format('embedded-opentype'), + url('WebFont.woff') format('woff'), + url('WebFont.ttf') format('truetype'), + url('WebFont.svg#webfont') format('svg'); +} + + +

We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:

+ <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" /> + +

3. Modify your own stylesheet

+

To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the original @font-face declaration above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:

+p { font-family: 'WebFont', Arial, sans-serif; } + +

4. Test

+

Getting webfonts to work cross-browser can be tricky. Use the information in the sidebar to help you if you find that fonts aren't loading in a particular browser.

+
+ +
+
+

Troubleshooting
Font-Face Problems

+

Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.

+ +

Fonts not showing in any browser

+ +

This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a look at your .htaccess file and see if requests are getting intercepted.

+ +

Fonts not loading in iPhone or iPad

+ +

The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings. Follow these instructions from Microsoft if you need help.

+ +

Fonts not loading in Firefox

+ +

The primary reason for this failure? You are still using a version Firefox older than 3.5. So upgrade already! If that isn't it, then you are very likely serving fonts from a different domain. Firefox requires that all font assets be served from the same domain. Lastly it is possible that you need to add WOFF to your list of MIME types (if you are serving via IIS.)

+ +

Fonts not loading in IE

+ +

Are you looking at Internet Explorer on an actual Windows machine or are you cheating by using a service like Adobe BrowserLab? Many of these screenshot services do not render @font-face for IE. Best to test it on a real machine.

+ +

Fonts not loading in IE9

+ +

IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.

+
+
+
+ +
+ +
+ +
+ + diff --git a/LESS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.eot b/LESS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.eot new file mode 100644 index 0000000..9e2e7ac Binary files /dev/null and b/LESS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.eot differ diff --git a/LESS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.svg b/LESS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.svg new file mode 100644 index 0000000..fb66434 --- /dev/null +++ b/LESS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.svg @@ -0,0 +1,666 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/LESS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.ttf b/LESS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.ttf new file mode 100644 index 0000000..cb453e9 Binary files /dev/null and b/LESS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.ttf differ diff --git a/LESS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.woff b/LESS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.woff new file mode 100644 index 0000000..412a2f5 Binary files /dev/null and b/LESS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.woff differ diff --git a/LESS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.woff2 b/LESS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.woff2 new file mode 100644 index 0000000..4e98ee2 Binary files /dev/null and b/LESS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.woff2 differ diff --git a/LESS/fonts/webfontkit-20160322-043735/specimen_files/grid_12-825-55-15.css b/LESS/fonts/webfontkit-20160322-043735/specimen_files/grid_12-825-55-15.css new file mode 100644 index 0000000..3d6aef7 --- /dev/null +++ b/LESS/fonts/webfontkit-20160322-043735/specimen_files/grid_12-825-55-15.css @@ -0,0 +1,129 @@ +/*Notes about grid: +Columns: 12 +Grid Width: 825px +Column Width: 55px +Gutter Width: 15px +-------------------------------*/ + + + +.section {margin-bottom: 18px; +} +.section:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} +.section {*zoom: 1;} + +.section .firstcolumn, +.section .firstcol {margin-left: 0;} + + +/* Border on left hand side of a column. */ +.border { + padding-left: 7px; + margin-left: 7px; + border-left: 1px solid #eee; +} + +/* Border with more whitespace, spans one column. */ +.colborder { + padding-left: 42px; + margin-left: 42px; + border-left: 1px solid #eee; +} + + + +/* The Grid Classes */ +.grid1, .grid1_2cols, .grid1_3cols, .grid1_4cols, .grid2, .grid2_3cols, .grid2_4cols, .grid3, .grid3_2cols, .grid3_4cols, .grid4, .grid4_3cols, .grid5, .grid5_2cols, .grid5_3cols, .grid5_4cols, .grid6, .grid6_4cols, .grid7, .grid7_2cols, .grid7_3cols, .grid7_4cols, .grid8, .grid8_3cols, .grid9, .grid9_2cols, .grid9_4cols, .grid10, .grid10_3cols, .grid10_4cols, .grid11, .grid11_2cols, .grid11_3cols, .grid11_4cols, .grid12 +{margin-left: 15px;float: left;display: inline; overflow: hidden;} + + +.width1, .grid1, .span-1 {width: 55px;} +.width1_2cols,.grid1_2cols {width: 20px;} +.width1_3cols,.grid1_3cols {width: 8px;} +.width1_4cols,.grid1_4cols {width: 2px;} +.input_width1 {width: 49px;} + +.width2, .grid2, .span-2 {width: 125px;} +.width2_3cols,.grid2_3cols {width: 31px;} +.width2_4cols,.grid2_4cols {width: 20px;} +.input_width2 {width: 119px;} + +.width3, .grid3, .span-3 {width: 195px;} +.width3_2cols,.grid3_2cols {width: 90px;} +.width3_4cols,.grid3_4cols {width: 37px;} +.input_width3 {width: 189px;} + +.width4, .grid4, .span-4 {width: 265px;} +.width4_3cols,.grid4_3cols {width: 78px;} +.input_width4 {width: 259px;} + +.width5, .grid5, .span-5 {width: 335px;} +.width5_2cols,.grid5_2cols {width: 160px;} +.width5_3cols,.grid5_3cols {width: 101px;} +.width5_4cols,.grid5_4cols {width: 72px;} +.input_width5 {width: 329px;} + +.width6, .grid6, .span-6 {width: 405px;} +.width6_4cols,.grid6_4cols {width: 90px;} +.input_width6 {width: 399px;} + +.width7, .grid7, .span-7 {width: 475px;} +.width7_2cols,.grid7_2cols {width: 230px;} +.width7_3cols,.grid7_3cols {width: 148px;} +.width7_4cols,.grid7_4cols {width: 107px;} +.input_width7 {width: 469px;} + +.width8, .grid8, .span-8 {width: 545px;} +.width8_3cols,.grid8_3cols {width: 171px;} +.input_width8 {width: 539px;} + +.width9, .grid9, .span-9 {width: 615px;} +.width9_2cols,.grid9_2cols {width: 300px;} +.width9_4cols,.grid9_4cols {width: 142px;} +.input_width9 {width: 609px;} + +.width10, .grid10, .span-10 {width: 685px;} +.width10_3cols,.grid10_3cols {width: 218px;} +.width10_4cols,.grid10_4cols {width: 160px;} +.input_width10 {width: 679px;} + +.width11, .grid11, .span-11 {width: 755px;} +.width11_2cols,.grid11_2cols {width: 370px;} +.width11_3cols,.grid11_3cols {width: 241px;} +.width11_4cols,.grid11_4cols {width: 177px;} +.input_width11 {width: 749px;} + +.width12, .grid12, .span-12 {width: 825px;} +.input_width12 {width: 819px;} + +/* Subdivided grid spaces */ +.emptycols_left1, .prepend-1 {padding-left: 70px;} +.emptycols_right1, .append-1 {padding-right: 70px;} +.emptycols_left2, .prepend-2 {padding-left: 140px;} +.emptycols_right2, .append-2 {padding-right: 140px;} +.emptycols_left3, .prepend-3 {padding-left: 210px;} +.emptycols_right3, .append-3 {padding-right: 210px;} +.emptycols_left4, .prepend-4 {padding-left: 280px;} +.emptycols_right4, .append-4 {padding-right: 280px;} +.emptycols_left5, .prepend-5 {padding-left: 350px;} +.emptycols_right5, .append-5 {padding-right: 350px;} +.emptycols_left6, .prepend-6 {padding-left: 420px;} +.emptycols_right6, .append-6 {padding-right: 420px;} +.emptycols_left7, .prepend-7 {padding-left: 490px;} +.emptycols_right7, .append-7 {padding-right: 490px;} +.emptycols_left8, .prepend-8 {padding-left: 560px;} +.emptycols_right8, .append-8 {padding-right: 560px;} +.emptycols_left9, .prepend-9 {padding-left: 630px;} +.emptycols_right9, .append-9 {padding-right: 630px;} +.emptycols_left10, .prepend-10 {padding-left: 700px;} +.emptycols_right10, .append-10 {padding-right: 700px;} +.emptycols_left11, .prepend-11 {padding-left: 770px;} +.emptycols_right11, .append-11 {padding-right: 770px;} +.pull-1 {margin-left: -70px;} +.push-1 {margin-right: -70px;margin-left: 18px;float: right;} +.pull-2 {margin-left: -140px;} +.push-2 {margin-right: -140px;margin-left: 18px;float: right;} +.pull-3 {margin-left: -210px;} +.push-3 {margin-right: -210px;margin-left: 18px;float: right;} +.pull-4 {margin-left: -280px;} +.push-4 {margin-right: -280px;margin-left: 18px;float: right;} \ No newline at end of file diff --git a/LESS/fonts/webfontkit-20160322-043735/specimen_files/specimen_stylesheet.css b/LESS/fonts/webfontkit-20160322-043735/specimen_files/specimen_stylesheet.css new file mode 100644 index 0000000..aecc43c --- /dev/null +++ b/LESS/fonts/webfontkit-20160322-043735/specimen_files/specimen_stylesheet.css @@ -0,0 +1,396 @@ +@import url('grid_12-825-55-15.css'); + +/* + CSS Reset by Eric Meyer - Released under Public Domain + http://meyerweb.com/eric/tools/css/reset/ +*/ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, font, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, table, +caption, tbody, tfoot, thead, tr, th, td + {margin: 0;padding: 0;border: 0;outline: 0; + font-size: 100%;vertical-align: baseline; + background: transparent;} +body {line-height: 1;} +ol, ul {list-style: none;} +blockquote, q {quotes: none;} +blockquote:before, blockquote:after, +q:before, q:after {content: ''; content: none;} +:focus {outline: 0;} +ins {text-decoration: none;} +del {text-decoration: line-through;} +table {border-collapse: collapse;border-spacing: 0;} + + + + +body { + color: #000; + background-color: #dcdcdc; +} + +a { + text-decoration: none; + color: #1883ba; +} + +h1{ + font-size: 32px; + font-weight: normal; + font-style: normal; + margin-bottom: 18px; +} + +h2{ + font-size: 18px; +} + +#container { + width: 865px; + margin: 0px auto; +} + + +#header { + padding: 20px; + font-size: 36px; + background-color: #000; + color: #fff; +} + +#header span { + color: #666; +} +#main_content { + background-color: #fff; + padding: 60px 20px 20px; +} + + +#footer p { + margin: 0; + padding-top: 10px; + padding-bottom: 50px; + color: #333; + font: 10px Arial, sans-serif; +} + +.tabs { + width: 100%; + height: 31px; + background-color: #444; +} +.tabs li { + float: left; + margin: 0; + overflow: hidden; + background-color: #444; +} +.tabs li a { + display: block; + color: #fff; + text-decoration: none; + font: bold 11px/11px 'Arial'; + text-transform: uppercase; + padding: 10px 15px; + border-right: 1px solid #fff; +} + +.tabs li a:hover { + background-color: #00b3ff; + +} + +.tabs li.active a { + color: #000; + background-color: #fff; +} + + + +div.huge { + + font-size: 300px; + line-height: 1em; + padding: 0; + letter-spacing: -.02em; + overflow: hidden; +} +div.glyph_range { + font-size: 72px; + line-height: 1.1em; +} + +.size10{ font-size: 10px; } +.size11{ font-size: 11px; } +.size12{ font-size: 12px; } +.size13{ font-size: 13px; } +.size14{ font-size: 14px; } +.size16{ font-size: 16px; } +.size18{ font-size: 18px; } +.size20{ font-size: 20px; } +.size24{ font-size: 24px; } +.size30{ font-size: 30px; } +.size36{ font-size: 36px; } +.size48{ font-size: 48px; } +.size60{ font-size: 60px; } +.size72{ font-size: 72px; } +.size90{ font-size: 90px; } + + +.psample_row1 { height: 120px;} +.psample_row1 { height: 120px;} +.psample_row2 { height: 160px;} +.psample_row3 { height: 160px;} +.psample_row4 { height: 160px;} + +.psample { + overflow: hidden; + position: relative; +} +.psample p { + line-height: 1.3em; + display: block; + overflow: hidden; + margin: 0; +} + +.psample span { + margin-right: .5em; +} + +.white_blend { + width: 100%; + height: 61px; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNrs3TsKgFAMRUE/eer+NxztxMYuEWQG3ECKwwUF58ycAKixOAGAyAKILAAiCyCyACILgMgCiCyAyAIgsgAiCyCyAIgsgMgCiCwAIgsgsgAiC4DIAogsACIL0CWuZ3UGgLrIhjMA1EV2OAOAJQtgyQLwjOzmDAAiCyCyAIgsQFtkd2cAEFkAkQVAZAHaIns4A4AlC2DJAiCyACILILIAiCzAV5H1dQGAJQsgsgCILIDIAvwisl58AViyAJYsACILILIAIgvAe2T9EhxAZAFEFgCRBeiL7HAGgLrIhjMAWLIAliwAt1OAAQDwygTBulLIlQAAAABJRU5ErkJggg==); + position: absolute; + bottom: 0; +} +.black_blend { + width: 100%; + height: 61px; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNrs3TEKhTAQRVGjibr/9QoxhY2N3Ywo50A28IrLwP9g6b1PAMSYTQAgsgAiC4DIAogsgMgCILIAIgsgsgCILIDIAogsACILILIAIguAyAKILIDIAiCyACILgMgCZCnjLWYAiFGvB0BQZJsZAFyyAC5ZAO6RXc0AILIAIguAyAKkRXYzA4DIAogsACILkBbZ3QwALlkAlywAIgsgsgAiC4DIArwVWf8uAHDJAogsACILILIAv4isH74AXLIALlkARBZAZAFEFoDnyPokOIDIAogsACILkBfZZgaAuMhWMwC4ZAE+p4x3mAEgxinAAJ+XBbPWGkwAAAAAAElFTkSuQmCC); + position: absolute; + bottom: 0; +} +.fullreverse { + background: #000 !important; + color: #fff !important; + margin-left: -20px; + padding-left: 20px; + margin-right: -20px; + padding-right: 20px; + padding: 20px; + margin-bottom:0; +} + + +.sample_table td { + padding-top: 3px; + padding-bottom:5px; + padding-left: 5px; + vertical-align: middle; + line-height: 1.2em; +} + +.sample_table td:first-child { + background-color: #eee; + text-align: right; + padding-right: 5px; + padding-left: 0; + padding: 5px; + font: 11px/12px "Courier New", Courier, mono; +} + +code { + white-space: pre; + background-color: #eee; + display: block; + padding: 10px; + margin-bottom: 18px; + overflow: auto; +} + + +.bottom,.last {margin-bottom:0 !important; padding-bottom:0 !important;} + +.box { + padding: 18px; + margin-bottom: 18px; + background: #eee; +} + +.reverse,.reversed { background: #000 !important;color: #fff !important; border: none !important;} + +#bodycomparison { + position: relative; + overflow: hidden; + font-size: 72px; + height: 90px; + white-space: nowrap; +} + +#bodycomparison div{ + font-size: 72px; + line-height: 90px; + display: inline; + margin: 0 15px 0 0; + padding: 0; +} + +#bodycomparison div span{ + font: 10px Arial; + position: absolute; + left: 0; +} +#xheight { + float: none; + position: absolute; + color: #d9f3ff; + font-size: 72px; + line-height: 90px; +} + +.fontbody { + position: relative; +} +.arialbody{ + font-family: Arial; + position: relative; +} +.verdanabody{ + font-family: Verdana; + position: relative; +} +.georgiabody{ + font-family: Georgia; + position: relative; +} + +/* @group Layout page + */ + +#layout h1 { + font-size: 36px; + line-height: 42px; + font-weight: normal; + font-style: normal; +} + +#layout h2 { + font-size: 24px; + line-height: 23px; + font-weight: normal; + font-style: normal; +} + +#layout h3 { + font-size: 22px; + line-height: 1.4em; + margin-top: 1em; + font-weight: normal; + font-style: normal; +} + + +#layout p.byline { + font-size: 12px; + margin-top: 18px; + line-height: 12px; + margin-bottom: 0; +} +#layout p { + font-size: 14px; + line-height: 21px; + margin-bottom: .5em; +} + +#layout p.large{ + font-size: 18px; + line-height: 26px; +} + +#layout .sidebar p{ + font-size: 12px; + line-height: 1.4em; +} + +#layout p.caption { + font-size: 10px; + margin-top: -16px; + margin-bottom: 18px; +} + +/* @end */ + +/* @group Glyphs */ + +#glyph_chart div{ + background-color: #d9f3ff; + color: black; + float: left; + font-size: 36px; + height: 1.2em; + line-height: 1.2em; + margin-bottom: 1px; + margin-right: 1px; + text-align: center; + width: 1.2em; + position: relative; + padding: .6em .2em .2em; +} + +#glyph_chart div p { + position: absolute; + left: 0; + top: 0; + display: block; + text-align: center; + font: bold 9px Arial, sans-serif; + background-color: #3a768f; + width: 100%; + color: #fff; + padding: 2px 0; +} + + +#glyphs h1 { + font-family: Arial, sans-serif; +} +/* @end */ + +/* @group Installing */ + +#installing { + font: 13px Arial, sans-serif; +} + +#installing p, +#glyphs p{ + line-height: 1.2em; + margin-bottom: 18px; + font: 13px Arial, sans-serif; +} + + + +#installing h3{ + font-size: 15px; + margin-top: 18px; +} + +/* @end */ + +#rendering h1 { + font-family: Arial, sans-serif; +} +.render_table td { + font: 11px "Courier New", Courier, mono; + vertical-align: middle; +} + + diff --git a/LESS/fonts/webfontkit-20160322-043735/stylesheet.css b/LESS/fonts/webfontkit-20160322-043735/stylesheet.css new file mode 100644 index 0000000..46f028b --- /dev/null +++ b/LESS/fonts/webfontkit-20160322-043735/stylesheet.css @@ -0,0 +1,32 @@ +/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 22, 2016 */ + + + +@font-face { + font-family: 'robotolight'; + src: url('roboto-light-webfont.eot'); + src: url('roboto-light-webfont.eot?#iefix') format('embedded-opentype'), + url('roboto-light-webfont.woff2') format('woff2'), + url('roboto-light-webfont.woff') format('woff'), + url('roboto-light-webfont.ttf') format('truetype'), + url('roboto-light-webfont.svg#robotolight') format('svg'); + font-weight: normal; + font-style: normal; + +} + + + + +@font-face { + font-family: 'robotoregular'; + src: url('roboto-regular-webfont.eot'); + src: url('roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('roboto-regular-webfont.woff2') format('woff2'), + url('roboto-regular-webfont.woff') format('woff'), + url('roboto-regular-webfont.ttf') format('truetype'), + url('roboto-regular-webfont.svg#robotoregular') format('svg'); + font-weight: normal; + font-style: normal; + +} \ No newline at end of file diff --git a/LESS/icomoon/icomoon/Read Me.txt b/LESS/icomoon/icomoon/Read Me.txt new file mode 100644 index 0000000..8491652 --- /dev/null +++ b/LESS/icomoon/icomoon/Read Me.txt @@ -0,0 +1,7 @@ +Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures. + +To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/#docs/local-fonts + +You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects. + +You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection. diff --git a/LESS/icomoon/icomoon/demo-files/demo.css b/LESS/icomoon/icomoon/demo-files/demo.css new file mode 100644 index 0000000..b8c8b17 --- /dev/null +++ b/LESS/icomoon/icomoon/demo-files/demo.css @@ -0,0 +1,152 @@ +body { + padding: 0; + margin: 0; + font-family: sans-serif; + font-size: 1em; + line-height: 1.5; + color: #555; + background: #fff; +} +h1 { + font-size: 1.5em; + font-weight: normal; +} +small { + font-size: .66666667em; +} +a { + color: #e74c3c; + text-decoration: none; +} +a:hover, a:focus { + box-shadow: 0 1px #e74c3c; +} +.bshadow0, input { + box-shadow: inset 0 -2px #e7e7e7; +} +input:hover { + box-shadow: inset 0 -2px #ccc; +} +input, fieldset { + font-family: sans-serif; + font-size: 1em; + margin: 0; + padding: 0; + border: 0; +} +input { + color: inherit; + line-height: 1.5; + height: 1.5em; + padding: .25em 0; +} +input:focus { + outline: none; + box-shadow: inset 0 -2px #449fdb; +} +.glyph { + font-size: 16px; + width: 15em; + padding-bottom: 1em; + margin-right: 4em; + margin-bottom: 1em; + float: left; + overflow: hidden; +} +.liga { + width: 80%; + width: calc(100% - 2.5em); +} +.talign-right { + text-align: right; +} +.talign-center { + text-align: center; +} +.bgc1 { + background: #f1f1f1; +} +.fgc1 { + color: #999; +} +.fgc0 { + color: #000; +} +p { + margin-top: 1em; + margin-bottom: 1em; +} +.mvm { + margin-top: .75em; + margin-bottom: .75em; +} +.mtn { + margin-top: 0; +} +.mtl, .mal { + margin-top: 1.5em; +} +.mbl, .mal { + margin-bottom: 1.5em; +} +.mal, .mhl { + margin-left: 1.5em; + margin-right: 1.5em; +} +.mhmm { + margin-left: 1em; + margin-right: 1em; +} +.mls { + margin-left: .25em; +} +.ptl { + padding-top: 1.5em; +} +.pbs, .pvs { + padding-bottom: .25em; +} +.pvs, .pts { + padding-top: .25em; +} +.unit { + float: left; +} +.unitRight { + float: right; +} +.size1of2 { + width: 50%; +} +.size1of1 { + width: 100%; +} +.clearfix:before, .clearfix:after { + content: " "; + display: table; +} +.clearfix:after { + clear: both; +} +.hidden-true { + display: none; +} +.textbox0 { + width: 3em; + background: #f1f1f1; + padding: .25em .5em; + line-height: 1.5; + height: 1.5em; +} +#testDrive { + display: block; + padding-top: 24px; + line-height: 1.5; +} +.fs0 { + font-size: 16px; +} +.fs1 { + font-size: 32px; +} + diff --git a/LESS/icomoon/icomoon/demo-files/demo.js b/LESS/icomoon/icomoon/demo-files/demo.js new file mode 100644 index 0000000..6f45f1c --- /dev/null +++ b/LESS/icomoon/icomoon/demo-files/demo.js @@ -0,0 +1,30 @@ +if (!('boxShadow' in document.body.style)) { + document.body.setAttribute('class', 'noBoxShadow'); +} + +document.body.addEventListener("click", function(e) { + var target = e.target; + if (target.tagName === "INPUT" && + target.getAttribute('class').indexOf('liga') === -1) { + target.select(); + } +}); + +(function() { + var fontSize = document.getElementById('fontSize'), + testDrive = document.getElementById('testDrive'), + testText = document.getElementById('testText'); + function updateTest() { + testDrive.innerHTML = testText.value || String.fromCharCode(160); + if (window.icomoonLiga) { + window.icomoonLiga(testDrive); + } + } + function updateSize() { + testDrive.style.fontSize = fontSize.value + 'px'; + } + fontSize.addEventListener('change', updateSize, false); + testText.addEventListener('input', updateTest, false); + testText.addEventListener('change', updateTest, false); + updateSize(); +}()); diff --git a/LESS/icomoon/icomoon/demo.html b/LESS/icomoon/icomoon/demo.html new file mode 100644 index 0000000..2c8e349 --- /dev/null +++ b/LESS/icomoon/icomoon/demo.html @@ -0,0 +1,199 @@ + + + + + IcoMoon Demo + + + + + +
+

Font Name: icomoon (Glyphs: 10)

+
+
+

Grid Size: Unknown

+
+
+ + + + icon-arrows_move2 +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_plus +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_question +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_right_double-31 +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_rotate_anti_dashed +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_shrink_diagonal1 +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_sign_left +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_sign_right +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_slide_right1 +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_square_left +
+
+ + +
+
+ liga: + +
+
+
+ + +
+

Font Test Drive

+ + + +
  +
+
+ +
+

Generated by IcoMoon

+
+ + + + diff --git a/LESS/icomoon/icomoon/fonts/icomoon.eot b/LESS/icomoon/icomoon/fonts/icomoon.eot new file mode 100644 index 0000000..69b30f0 Binary files /dev/null and b/LESS/icomoon/icomoon/fonts/icomoon.eot differ diff --git a/LESS/icomoon/icomoon/fonts/icomoon.svg b/LESS/icomoon/icomoon/fonts/icomoon.svg new file mode 100644 index 0000000..95298d5 --- /dev/null +++ b/LESS/icomoon/icomoon/fonts/icomoon.svg @@ -0,0 +1,18 @@ + + + +Generated by IcoMoon + + + + + + + + + + + + + + \ No newline at end of file diff --git a/LESS/icomoon/icomoon/fonts/icomoon.ttf b/LESS/icomoon/icomoon/fonts/icomoon.ttf new file mode 100644 index 0000000..9a05c32 Binary files /dev/null and b/LESS/icomoon/icomoon/fonts/icomoon.ttf differ diff --git a/LESS/icomoon/icomoon/fonts/icomoon.woff b/LESS/icomoon/icomoon/fonts/icomoon.woff new file mode 100644 index 0000000..1cb4621 Binary files /dev/null and b/LESS/icomoon/icomoon/fonts/icomoon.woff differ diff --git a/LESS/icomoon/icomoon/selection.json b/LESS/icomoon/icomoon/selection.json new file mode 100644 index 0000000..40d816a --- /dev/null +++ b/LESS/icomoon/icomoon/selection.json @@ -0,0 +1,308 @@ +{ + "IcoMoonType": "selection", + "icons": [ + { + "icon": { + "paths": [], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_move2" + ] + }, + "attrs": [], + "properties": { + "order": 24, + "id": 9, + "prevSize": 32, + "code": 59648, + "name": "arrows_move2" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 10 + }, + { + "icon": { + "paths": [ + "M496 224v272h-272v32h272v272h32v-272h272v-32h-272v-272z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_plus" + ] + }, + "attrs": [], + "properties": { + "order": 4, + "id": 8, + "prevSize": 32, + "code": 59649, + "name": "arrows_plus" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 11 + }, + { + "icon": { + "paths": [ + "M512 0c-136.768 0-265.328 53.28-362.032 150-96.72 96.672-149.984 225.248-149.984 362s53.264 265.328 149.984 362.016c96.704 96.72 225.264 149.984 362.032 149.984 136.752 0 265.328-53.28 362.032-150 96.72-96.688 149.984-225.264 149.984-362.016s-53.264-265.328-149.984-362.016c-96.704-96.704-225.28-149.968-362.032-149.968zM851.408 851.392c-90.656 90.672-211.2 140.608-339.408 140.608-128.224 0-248.752-49.936-339.408-140.624-90.672-90.64-140.608-211.168-140.608-339.376s49.936-248.736 140.608-339.392c90.656-90.672 211.184-140.608 339.408-140.608 128.208 0 248.752 49.952 339.408 140.624 90.672 90.64 140.608 211.168 140.608 339.376s-49.936 248.736-140.608 339.392z", + "M464 688h32v64h-32v-64z", + "M512 240c-95.552 0-144 32.304-144 96h32c0-29.792 12.736-64 112-64 68.032 0 112 37.68 112 96 0 44.224-62.928 85.52-87.152 97.68-2.976 1.504-72.848 37.632-72.848 142.32v16h32v-16c0-84.144 52.992-112.576 55.152-113.68 4.288-2.144 104.848-53.28 104.848-126.32 0-75.36-59.216-128-144-128z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_question" + ] + }, + "attrs": [], + "properties": { + "order": 13, + "id": 7, + "prevSize": 32, + "code": 59650, + "name": "arrows_question" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 12 + }, + { + "icon": { + "paths": [ + "M484.688 251.312l260.688 260.688-260.688 260.688 24.976 22.624 274.336-272v-22.624l-274.336-272z", + "M544 500.688l-274.336-272-23.808 22.624 260.112 260.688-260.976 260.688 24.816 22.624 274.192-272z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_right_double-31" + ] + }, + "attrs": [], + "properties": { + "order": 6, + "id": 6, + "prevSize": 32, + "code": 59651, + "name": "arrows_right_double-31" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 13 + }, + { + "icon": { + "paths": [ + "M496 0c-10.88 0-22 0.368-33.024 1.088l2.112 31.936c10.288-0.688 20.592-1.024 30.912-1.024v-32z", + "M6.576 576.88l31.584-5.216c-3.488-21.072-5.504-42.672-6.016-64.144l-31.984 0.752c0.528 22.96 2.688 46.048 6.416 68.608z", + "M0.496 473.808l31.968 1.44c0.96-21.424 3.424-42.976 7.328-64.064l-31.472-5.808c-4.144 22.512-6.784 45.552-7.824 68.432z", + "M15.776 371.696l30.992 8c5.36-20.8 12.224-41.376 20.4-61.12l-29.584-12.224c-8.72 21.136-16.064 43.12-21.808 65.344z", + "M125.505 774.919l47.171 47.184-22.63 22.624-47.171-47.184 22.63-22.624z", + "M428.688 4.544c-22.704 3.104-45.408 7.808-67.44 14l8.656 30.816c20.624-5.792 41.856-10.208 63.104-13.088l-4.32-31.728z", + "M328.416 29.040c-21.6 7.728-42.816 17.040-63.088 27.712l14.896 28.32c18.96-9.952 38.8-18.672 58.976-25.904l-10.784-30.128z", + "M47.472 708.096c9.808 20.72 21.168 40.928 33.744 60.064l26.736-17.6c-11.776-17.888-22.384-36.784-31.568-56.16l-28.912 13.696z", + "M51.856 274.976l28.656 14.256c9.52-19.136 20.512-37.824 32.672-55.536l-26.368-18.128c-13.008 18.928-24.768 38.912-34.96 59.408z", + "M13.328 610.672c5.28 22.288 12.176 44.4 20.496 65.744l29.808-11.632c-7.792-19.968-14.24-40.656-19.168-61.504l-31.136 7.392z", + "M252.256 101.056l-16.848-27.216c-19.504 12.080-38.304 25.616-55.904 40.256l20.448 24.592c16.464-13.68 34.048-26.352 52.304-37.632z", + "M145.296 145.28c-13.44 13.456-26.224 27.76-37.984 42.56l25.056 19.904c11.008-13.84 22.96-27.248 35.584-39.872 2.624-2.64 5.264-5.2 7.936-7.744l-22.096-23.152c-2.864 2.72-5.712 5.504-8.496 8.304z", + "M528 992v32c10.88 0 22-0.368 33.024-1.088l-2.112-31.936c-10.288 0.688-20.592 1.024-30.912 1.024z", + "M990.16 347.584l-29.808 11.632c7.792 19.968 14.24 40.656 19.168 61.504l31.136-7.376c-5.264-22.304-12.16-44.416-20.496-65.76z", + "M1008.224 652.304l-30.992-8c-5.36 20.8-12.224 41.376-20.4 61.12l29.584 12.224c8.72-21.136 16.064-43.12 21.808-65.344z", + "M985.856 452.336c3.488 21.072 5.504 42.672 6.016 64.144l31.984-0.752c-0.544-22.976-2.704-46.048-6.432-68.608l-31.568 5.216z", + "M984.192 612.816l31.472 5.808c4.16-22.512 6.8-45.552 7.84-68.432l-31.968-1.44c-0.96 21.424-3.44 42.96-7.344 64.064z", + "M788.592 950.16c19.504-12.080 38.304-25.616 55.904-40.256l-20.448-24.592c-16.464 13.664-34.048 26.336-52.304 37.632l16.848 27.216z", + "M870.208 887.024c2.864-2.736 5.712-5.52 8.496-8.32 13.44-13.456 26.224-27.76 37.984-42.56l-25.056-19.904c-11.008 13.84-22.96 27.248-35.584 39.872-2.624 2.64-5.264 5.2-7.936 7.744l22.096 23.168z", + "M972.144 749.024l-28.656-14.256c-9.52 19.136-20.512 37.824-32.672 55.536l26.368 18.128c13.008-18.928 24.768-38.912 34.96-59.408z", + "M654.080 974.64c-20.624 5.792-41.856 10.208-63.104 13.088l4.336 31.712c22.704-3.104 45.408-7.808 67.44-14l-8.672-30.8z", + "M743.776 938.928c-18.96 9.952-38.8 18.672-58.976 25.904l10.784 30.128c21.6-7.728 42.816-17.040 63.088-27.712l-14.896-28.32z", + "M976.528 315.904c-9.808-20.72-21.168-40.928-33.744-60.064l-26.736 17.6c11.776 17.888 22.384 36.784 31.568 56.16l28.912-13.696z", + "M898.514 249.021l-47.171-47.184 22.63-22.624 47.171 47.184-22.63 22.624z", + "M32 864v32h176l16-16v-176h-32v146.752l-13.248 13.248z", + "M800 144v176h32v-146.752l13.248-13.248h146.752v-32h-176z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_rotate_anti_dashed" + ] + }, + "attrs": [], + "properties": { + "order": 7, + "id": 5, + "prevSize": 32, + "code": 59652, + "name": "arrows_rotate_anti_dashed" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 14 + }, + { + "icon": { + "paths": [ + "M27.312 580.688l-22.624 22.624 416 416 22.624-22.624-196.688-196.688 201.376-201.376v137.376h32v-176l-16-16h-176v32h137.376l-201.376 201.376z", + "M544 288v176l16 16h176v-32h-137.376l201.376-201.376 196.688 196.688 22.624-22.624-416-416-22.624 22.624 196.688 196.688-201.376 201.376v-137.376z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_shrink_diagonal1" + ] + }, + "attrs": [], + "properties": { + "order": 8, + "id": 4, + "prevSize": 32, + "code": 59653, + "name": "arrows_shrink_diagonal1" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 15 + }, + { + "icon": { + "paths": [], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_sign_left" + ] + }, + "attrs": [], + "properties": { + "order": 9, + "id": 3, + "prevSize": 32, + "code": 59654, + "name": "arrows_sign_left" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 16 + }, + { + "icon": { + "paths": [ + "M0 224v576h726.352l304.944-287.984-304.944-288.016h-726.352zM713.648 768h-681.648v-512h681.648l271.056 256.016-271.056 255.984z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_sign_right" + ] + }, + "attrs": [], + "properties": { + "order": 10, + "id": 2, + "prevSize": 32, + "code": 59655, + "name": "arrows_sign_right" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 17 + }, + { + "icon": { + "paths": [ + "M32 448h937.376l-116.688 116.688 24.976 22.624 146.336-144v-22.624l-146.336-144-23.808 22.624 115.52 116.688h-969.376v320h32z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_slide_right1" + ] + }, + "attrs": [], + "properties": { + "order": 11, + "id": 1, + "prevSize": 32, + "code": 59656, + "name": "arrows_slide_right1" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 18 + }, + { + "icon": { + "paths": [ + "M578.336 228.688l-274.336 272v22.624l274.336 272 23.808-22.624-260.112-260.688 259.808-260.688z", + "M0 1024h1024v-1024h-1024v1024zM32 32h960v960h-960v-960z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_square_left" + ] + }, + "attrs": [], + "properties": { + "order": 12, + "id": 0, + "prevSize": 32, + "code": 59657, + "name": "arrows_square_left" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 19 + } + ], + "height": 1024, + "metadata": { + "name": "icomoon" + }, + "preferences": { + "showGlyphs": true, + "showQuickUse": true, + "showQuickUse2": true, + "showSVGs": false, + "fontPref": { + "prefix": "icon-", + "metadata": { + "fontFamily": "icomoon", + "majorVersion": 1, + "minorVersion": 0 + }, + "metrics": { + "emSize": 1024, + "baseline": 6.25, + "whitespace": 50 + }, + "embed": false + }, + "imagePref": { + "prefix": "icon-", + "png": true, + "useClassSelector": true, + "color": 0, + "bgColor": 16777215, + "classSelector": ".icon", + "autoHost": true + }, + "historySize": 100, + "showCodes": true, + "gridSize": 16, + "quickUsageToken": {} + } +} \ No newline at end of file diff --git a/LESS/icomoon/icomoon/style.css b/LESS/icomoon/icomoon/style.css new file mode 100644 index 0000000..5f6570c --- /dev/null +++ b/LESS/icomoon/icomoon/style.css @@ -0,0 +1,57 @@ +@font-face { + font-family: 'icomoon'; + src: url('fonts/icomoon.eot?8eyfsm'); + src: url('fonts/icomoon.eot?8eyfsm#iefix') format('embedded-opentype'), + url('fonts/icomoon.ttf?8eyfsm') format('truetype'), + url('fonts/icomoon.woff?8eyfsm') format('woff'), + url('fonts/icomoon.svg?8eyfsm#icomoon') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="icon-"], [class*=" icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'icomoon' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-arrows_move2:before { + content: "\e900"; +} +.icon-arrows_plus:before { + content: "\e901"; +} +.icon-arrows_question:before { + content: "\e902"; +} +.icon-arrows_right_double-31:before { + content: "\e903"; +} +.icon-arrows_rotate_anti_dashed:before { + content: "\e904"; +} +.icon-arrows_shrink_diagonal1:before { + content: "\e905"; +} +.icon-arrows_sign_left:before { + content: "\e906"; +} +.icon-arrows_sign_right:before { + content: "\e907"; +} +.icon-arrows_slide_right1:before { + content: "\e908"; +} +.icon-arrows_square_left:before { + content: "\e909"; +} + diff --git a/LESS/images/Assignment1-HTML.pdf b/LESS/images/Assignment1-HTML.pdf new file mode 100644 index 0000000..fb13a66 Binary files /dev/null and b/LESS/images/Assignment1-HTML.pdf differ diff --git a/LESS/images/arrows_move2.svg b/LESS/images/arrows_move2.svg new file mode 100644 index 0000000..9479555 --- /dev/null +++ b/LESS/images/arrows_move2.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + diff --git a/LESS/images/arrows_plus.svg b/LESS/images/arrows_plus.svg new file mode 100644 index 0000000..a76a9a5 --- /dev/null +++ b/LESS/images/arrows_plus.svg @@ -0,0 +1,9 @@ + + + + + + + + diff --git a/LESS/images/arrows_question.svg b/LESS/images/arrows_question.svg new file mode 100644 index 0000000..ccabdb0 --- /dev/null +++ b/LESS/images/arrows_question.svg @@ -0,0 +1,17 @@ + + + + + + + + + + diff --git a/LESS/images/arrows_right_double-31.svg b/LESS/images/arrows_right_double-31.svg new file mode 100644 index 0000000..11d1767 --- /dev/null +++ b/LESS/images/arrows_right_double-31.svg @@ -0,0 +1,10 @@ + + + + + + + + + diff --git a/LESS/images/arrows_rotate_anti_dashed.svg b/LESS/images/arrows_rotate_anti_dashed.svg new file mode 100644 index 0000000..cb539d9 --- /dev/null +++ b/LESS/images/arrows_rotate_anti_dashed.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/LESS/images/arrows_shrink_diagonal1.svg b/LESS/images/arrows_shrink_diagonal1.svg new file mode 100644 index 0000000..600aa0e --- /dev/null +++ b/LESS/images/arrows_shrink_diagonal1.svg @@ -0,0 +1,12 @@ + + + + + + + + + diff --git a/LESS/images/arrows_sign_left.svg b/LESS/images/arrows_sign_left.svg new file mode 100644 index 0000000..6191e04 --- /dev/null +++ b/LESS/images/arrows_sign_left.svg @@ -0,0 +1,7 @@ + + + + + + diff --git a/LESS/images/arrows_sign_right.svg b/LESS/images/arrows_sign_right.svg new file mode 100644 index 0000000..bf3515d --- /dev/null +++ b/LESS/images/arrows_sign_right.svg @@ -0,0 +1,9 @@ + + + + + + + + diff --git a/LESS/images/arrows_slide_right1.svg b/LESS/images/arrows_slide_right1.svg new file mode 100644 index 0000000..63418cb --- /dev/null +++ b/LESS/images/arrows_slide_right1.svg @@ -0,0 +1,10 @@ + + + + + + + + diff --git a/LESS/images/arrows_square_left.svg b/LESS/images/arrows_square_left.svg new file mode 100644 index 0000000..ced9beb --- /dev/null +++ b/LESS/images/arrows_square_left.svg @@ -0,0 +1,10 @@ + + + + + + + + + diff --git a/LESS/images/banner.png b/LESS/images/banner.png new file mode 100644 index 0000000..af2b2cb Binary files /dev/null and b/LESS/images/banner.png differ diff --git a/LESS/images/logo.jpg b/LESS/images/logo.jpg new file mode 100644 index 0000000..be5f0f2 Binary files /dev/null and b/LESS/images/logo.jpg differ diff --git a/LESS/images/resourse1.png b/LESS/images/resourse1.png new file mode 100644 index 0000000..ed92914 Binary files /dev/null and b/LESS/images/resourse1.png differ diff --git a/LESS/images/resourse2.png b/LESS/images/resourse2.png new file mode 100644 index 0000000..93ba90c Binary files /dev/null and b/LESS/images/resourse2.png differ diff --git a/LESS/images/resourse3.png b/LESS/images/resourse3.png new file mode 100644 index 0000000..fa7efa7 Binary files /dev/null and b/LESS/images/resourse3.png differ diff --git a/LESS/index.html b/LESS/index.html new file mode 100644 index 0000000..54f2c64 --- /dev/null +++ b/LESS/index.html @@ -0,0 +1,181 @@ + + + + + + IMC Home Page + + + + + + + + + +
+
+
+
    + +
    • +
    • +
    • +
+
+
+ logo +
+
+ Banner View +
+ +
+
+ +
+
+
+

Welcome to IMC

+

That’s just what we are all about – integration of the marketing communication process, so as to be + able to deliver to our clients – super efficient solutions - every single time.

+ +

We are not all about advertising, public relations, event management, sales promotion, direct marketing + – yet we are just all of that. The only difference though is the way we approach it – for us, these + are tools tha t we use to be able to achieve the objective that YOU define to us. + I have worked in various of these “tool segments” over the last few years, and the one thing that + struck me everytime I approached to address a client’s requirement, I always felt there was something + missing. As an event manager, my only solution to all my clients banes were “event – it will help + you” – as a PR manager, public relation was manna the skies sent down.

+ +

With over 40 cumulative years of experience, we have both the domain knowledge about the products + and services we handle as well as in-house expertise

+ + +
Meera Raman Director, Consumer Marketing Practice IMC Terminu
+ +
+ + + + + +
+
+ +
+ Banner View
Caption 1
+
+ +
+ Banner View
Caption 2
+
+ + +
+ Banner View
Caption 3
+
+ +
+ +
+ + \ No newline at end of file diff --git a/LESS/less/New Text Document.txt b/LESS/less/New Text Document.txt new file mode 100644 index 0000000..3e089dd --- /dev/null +++ b/LESS/less/New Text Document.txt @@ -0,0 +1 @@ +fsdfsfdsafd \ No newline at end of file diff --git a/LESS/less/mixin.scss b/LESS/less/mixin.scss new file mode 100644 index 0000000..676375e --- /dev/null +++ b/LESS/less/mixin.scss @@ -0,0 +1,3 @@ +@mixin rounded-corner($rad){ +border-radius:$rad; +} \ No newline at end of file diff --git a/LESS/less/mixins.less b/LESS/less/mixins.less new file mode 100644 index 0000000..34858f3 --- /dev/null +++ b/LESS/less/mixins.less @@ -0,0 +1,307 @@ + +@import "variable.less"; +body{ + width: 95%; + margin: 15px auto; + font-family: 'robotoregular', Arial, sans-serif; +} + +header{ + overflow: auto; + overflow-y: hidden; +} + +.logowrapper{ + width: 20%; + box-sizing: border-box; + float: left; +} +.logoimg{ + padding-top:80px; + width: 100%; +} + +.bannerwrapper{ + width: 80%; + box-sizing: border-box; + float: left; +} +.bannerimg{ + width: 100%; +} + +.svg-icons{ + overflow:auto; + ul { + float:right; + li{ + display:inline-block; + padding: 10px 10px; + } + } +} + +.topnav { + font-family: 'robotolight', Arial, sans-serif; + font-weight:bold; + clear:both; + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + background: rgba(0, 0, 0, 0) linear-gradient(white, white, white, @lightgrey) repeat scroll 0 0; + + li { + padding: 10px 2px; + float: left; + margin: 0 8px; + + a { + padding: 14px 28px; + display: inline-block; + color: grey; + font-size: 16px; + text-align: center; + padding: 14px 16px; + text-decoration: none; + &:hover{ + color:@persianred; + } +} + } +} + + +.content{ + font-family: 'robotoregular', Arial, sans-serif; + width: 75%; + float: left; + margin:0px 15px 15px 15px; + padding-left: 20px; + line-height: 20px; + h1{ + margin: 15px 0; + color:@persianred; + font-size:18px; + } + + p{ + margin: 10px 0; + } +} + +.signature{ + color:@fruitSalad; +} + +.righ-nav{ + width: 18%; + float: right; + margin:18px 15px 15px 15px; +} +.captionwrapper{ + float: left; + width: 98%; + margin: 20px; + color:@pumice; +} + +.imgcaption{ + float: left; + padding: 15px; + width: 30%; + text-align: center; + + + img{ + width: 220px; + border-radius: 50%; + height: 220px; +} +} + +.captionImg li { + float: left; + width: 40%; +} + +input[type="text"] { + height: 20px; + border: 1px solid #d76f6c; +} + +big{ + display:block; +} + +button{ + height:26px; + color: #d76f6c; + background: #f5f5f5; + border: 1px solid #d76f6c; +} + +.footer-btn{ + + color:@white; + width:100px; + height: 40px; + float: right; + border-radius: 16px; + border: none; + margin:0; + background-image: -o-linear-gradient(bottom, @veniceBlue 0%, @orient 100%); + background-image: -moz-linear-gradient(bottom, @veniceBlue 0%, @orient 100%); + background-image: -webkit-linear-gradient(bottom,@veniceBlue 0%, @orient 100%); + background-image: -ms-linear-gradient(bottom, @veniceBlue 0%, @orient 100%); + background-image: linear-gradient(to bottom,@veniceBlue 0%, @orient 100%); + +} +table{ +width:350px; +button { + background:@orient; + color:@white; + width:25%; + height: 26px; + float: right; + border-radius: 8px; + height: 26px; + border: none; + margin-right: 10px; +} +} + + +.nav-list{ + margin-top: 10px; + + ul li{ + padding: 10px; + border-bottom: 2px solid black; + border-color:grey; + width: 85%; + border-style: dashed; +} +} + +.mid-wrapper{ + overflow:auto; +} +.services{ + clear:both; +} + + +footer{ + font-family: 'robotoregular', Arial, sans-serif !important; + overflow:auto; + overflow-x:hidden; + clear:both; + background:@chicago; + padding: 16px; + + h5{ + color:@white; + font-size:18px; + padding: 16px 0; +} + + ul li{ + color:@gray; + padding:5px 0; + font-weight:bold; + line-height:18px; +} +section{ + padding: 16px; + width:30%; + float:left; +} +} + +.contact-info{ + margin:0; + + input{ + + border-radius:10px; + width: 100%; + background:@pumice; + border:none; + height:30px; +} + +} + +table tr{ + padding:10px 0; + + td:first-child{ + color:@mountainMist; +} +} + +input::-webkit-input-placeholder { +color: @black; +padding-left:10px; +} + +input:-moz-placeholder { +color: @black; +padding-left:10px; +} + +input::-moz-placeholder { +color: @black ; +padding-left:10px; +} + +input:-ms-input-placeholder { +color: @black ; +padding-left:10px; +} + +table tr td{ + padding:5px 5px; + :nth-child(2){ + width:100%; +} +} + +.footer-nav{ + text-align:center; + width:100%; + + ul li{ + display:inline-block; + border-right:1px solid @mountainMist; + padding-right:5px; + + } + + li:last-child{ + border-right:none; + +} +} + + + + + + + + + + + + + + + + + + + + diff --git a/LESS/less/style.less b/LESS/less/style.less new file mode 100644 index 0000000..34858f3 --- /dev/null +++ b/LESS/less/style.less @@ -0,0 +1,307 @@ + +@import "variable.less"; +body{ + width: 95%; + margin: 15px auto; + font-family: 'robotoregular', Arial, sans-serif; +} + +header{ + overflow: auto; + overflow-y: hidden; +} + +.logowrapper{ + width: 20%; + box-sizing: border-box; + float: left; +} +.logoimg{ + padding-top:80px; + width: 100%; +} + +.bannerwrapper{ + width: 80%; + box-sizing: border-box; + float: left; +} +.bannerimg{ + width: 100%; +} + +.svg-icons{ + overflow:auto; + ul { + float:right; + li{ + display:inline-block; + padding: 10px 10px; + } + } +} + +.topnav { + font-family: 'robotolight', Arial, sans-serif; + font-weight:bold; + clear:both; + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + background: rgba(0, 0, 0, 0) linear-gradient(white, white, white, @lightgrey) repeat scroll 0 0; + + li { + padding: 10px 2px; + float: left; + margin: 0 8px; + + a { + padding: 14px 28px; + display: inline-block; + color: grey; + font-size: 16px; + text-align: center; + padding: 14px 16px; + text-decoration: none; + &:hover{ + color:@persianred; + } +} + } +} + + +.content{ + font-family: 'robotoregular', Arial, sans-serif; + width: 75%; + float: left; + margin:0px 15px 15px 15px; + padding-left: 20px; + line-height: 20px; + h1{ + margin: 15px 0; + color:@persianred; + font-size:18px; + } + + p{ + margin: 10px 0; + } +} + +.signature{ + color:@fruitSalad; +} + +.righ-nav{ + width: 18%; + float: right; + margin:18px 15px 15px 15px; +} +.captionwrapper{ + float: left; + width: 98%; + margin: 20px; + color:@pumice; +} + +.imgcaption{ + float: left; + padding: 15px; + width: 30%; + text-align: center; + + + img{ + width: 220px; + border-radius: 50%; + height: 220px; +} +} + +.captionImg li { + float: left; + width: 40%; +} + +input[type="text"] { + height: 20px; + border: 1px solid #d76f6c; +} + +big{ + display:block; +} + +button{ + height:26px; + color: #d76f6c; + background: #f5f5f5; + border: 1px solid #d76f6c; +} + +.footer-btn{ + + color:@white; + width:100px; + height: 40px; + float: right; + border-radius: 16px; + border: none; + margin:0; + background-image: -o-linear-gradient(bottom, @veniceBlue 0%, @orient 100%); + background-image: -moz-linear-gradient(bottom, @veniceBlue 0%, @orient 100%); + background-image: -webkit-linear-gradient(bottom,@veniceBlue 0%, @orient 100%); + background-image: -ms-linear-gradient(bottom, @veniceBlue 0%, @orient 100%); + background-image: linear-gradient(to bottom,@veniceBlue 0%, @orient 100%); + +} +table{ +width:350px; +button { + background:@orient; + color:@white; + width:25%; + height: 26px; + float: right; + border-radius: 8px; + height: 26px; + border: none; + margin-right: 10px; +} +} + + +.nav-list{ + margin-top: 10px; + + ul li{ + padding: 10px; + border-bottom: 2px solid black; + border-color:grey; + width: 85%; + border-style: dashed; +} +} + +.mid-wrapper{ + overflow:auto; +} +.services{ + clear:both; +} + + +footer{ + font-family: 'robotoregular', Arial, sans-serif !important; + overflow:auto; + overflow-x:hidden; + clear:both; + background:@chicago; + padding: 16px; + + h5{ + color:@white; + font-size:18px; + padding: 16px 0; +} + + ul li{ + color:@gray; + padding:5px 0; + font-weight:bold; + line-height:18px; +} +section{ + padding: 16px; + width:30%; + float:left; +} +} + +.contact-info{ + margin:0; + + input{ + + border-radius:10px; + width: 100%; + background:@pumice; + border:none; + height:30px; +} + +} + +table tr{ + padding:10px 0; + + td:first-child{ + color:@mountainMist; +} +} + +input::-webkit-input-placeholder { +color: @black; +padding-left:10px; +} + +input:-moz-placeholder { +color: @black; +padding-left:10px; +} + +input::-moz-placeholder { +color: @black ; +padding-left:10px; +} + +input:-ms-input-placeholder { +color: @black ; +padding-left:10px; +} + +table tr td{ + padding:5px 5px; + :nth-child(2){ + width:100%; +} +} + +.footer-nav{ + text-align:center; + width:100%; + + ul li{ + display:inline-block; + border-right:1px solid @mountainMist; + padding-right:5px; + + } + + li:last-child{ + border-right:none; + +} +} + + + + + + + + + + + + + + + + + + + + diff --git a/LESS/less/style.scss b/LESS/less/style.scss new file mode 100644 index 0000000..d28b5f6 --- /dev/null +++ b/LESS/less/style.scss @@ -0,0 +1,306 @@ + +@import "variable.scss"; +@import "mixin.scss"; +body{ + width: 95%; + margin: 15px auto; + font-family: 'robotoregular', Arial, sans-serif; +} + +header{ + overflow: auto; + overflow-y: hidden; +} + +.logowrapper{ + width: 20%; + box-sizing: border-box; + float: left; +} +.logoimg{ + padding-top:80px; + width: 100%; +} + +.bannerwrapper{ + width: 80%; + box-sizing: border-box; + float: left; +} +.bannerimg{ + width: 100%; +} + +.svg-icons{ + overflow:auto; + ul { + float:right; + li{ + display:inline-block; + padding: 10px 10px; + } + } +} + +.topnav { + font-family: 'robotolight', Arial, sans-serif; + font-weight:bold; + clear:both; + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + background: rgba(0, 0, 0, 0) linear-gradient(white, white, white, $lightgrey) repeat scroll 0 0; + + li { + padding: 10px 2px; + float: left; + margin: 0 8px; + + a { + padding: 14px 28px; + display: inline-block; + color: grey; + font-size: 16px; + text-align: center; + padding: 14px 16px; + text-decoration: none; + &:hover{ + color:$persianred; + } +} + } +} + + +.content{ + font-family: 'robotoregular', Arial, sans-serif; + width: 75%; + float: left; + margin:0px 15px 15px 15px; + padding-left: 20px; + line-height: 20px; + h1{ + margin: 15px 0; + color:$persianred; + font-size:18px; + } + + p{ + margin: 10px 0; + } +} + +.signature{ + color:$fruitSalad; +} + +.righ-nav{ + width: 18%; + float: right; + margin:18px 15px 15px 15px; +} +.captionwrapper{ + float: left; + width: 98%; + margin: 20px; + color:$pumice; +} + +.imgcaption{ + float: left; + padding: 15px; + width: 30%; + text-align: center; + img{ + width: 220px; + border-radius: 50%; + height: 220px; +} +} + +.captionImg li { + float: left; + width: 40%; +} + +input[type="text"] { + height: 20px; + border: 1px solid #d76f6c; +} + +big{ + display:block; +} + +button{ + height:26px; + color: #d76f6c; + background: #f5f5f5; + border: 1px solid #d76f6c; +} + +.footer-btn{ + + color:$white; + width:100px; + height: 40px; + float: right; + @include rounded-corner(16px); + border: none; + margin:0; + background-image: -o-linear-gradient(bottom, $veniceBlue 0%, $orient 100%); + background-image: -moz-linear-gradient(bottom, $veniceBlue 0%, $orient 100%); + background-image: -webkit-linear-gradient(bottom,$veniceBlue 0%, $orient 100%); + background-image: -ms-linear-gradient(bottom, $veniceBlue 0%, $orient 100%); + background-image: linear-gradient(to bottom,$veniceBlue 0%, $orient 100%); + +} +table{ +width:350px; +button { + background:$orient; + color:$white; + width:25%; + height: 26px; + float: right; + @include rounded-corner(8px); + height: 26px; + border: none; + margin-right: 10px; +} +} + + +.nav-list{ + margin-top: 10px; + + ul li{ + padding: 10px; + border-bottom: 2px solid black; + border-color:grey; + width: 85%; + border-style: dashed; +} +} + +.mid-wrapper{ + overflow:auto; +} +.services{ + clear:both; +} + + +footer{ + font-family: 'robotoregular', Arial, sans-serif !important; + overflow:auto; + overflow-x:hidden; + clear:both; + background:$chicago; + padding: 16px; + + h5{ + color:$white; + font-size:18px; + padding: 16px 0; +} + + ul li{ + color:$gray; + padding:5px 0; + font-weight:bold; + line-height:18px; +} +section{ + padding: 16px; + width:30%; + float:left; +} +} + +.contact-info{ + margin:0; + + input{ + + @include rounded-corner(10px); + width: 100%; + background:$pumice; + border:none; + height:30px; +} + +} + +table tr{ + padding:10px 0; + + td:first-child{ + color:$mountainMist; +} +} + +input::-webkit-input-placeholder { +color: $black; +padding-left:10px; +} + +input:-moz-placeholder { +color: $black; +padding-left:10px; +} + +input::-moz-placeholder { +color: $black ; +padding-left:10px; +} + +input:-ms-input-placeholder { +color: $black ; +padding-left:10px; +} + +table tr td{ + padding:5px 5px; + :nth-child(2){ + width:100%; +} +} + +.footer-nav{ + text-align:center; + width:100%; + + ul li{ + display:inline-block; + border-right:1px solid $mountainMist; + padding-right:5px; + + } + + li:last-child{ + border-right:none; + +} +} + + + + + + + + + + + + + + + + + + + + diff --git a/LESS/less/variable.less b/LESS/less/variable.less new file mode 100644 index 0000000..568a24f --- /dev/null +++ b/LESS/less/variable.less @@ -0,0 +1,30 @@ + +@orient:#07587b; +@lightgrey:#D3D3D3; +@persianred:#cd2e27; +@fruitSalad:#4c9d68; +@pumice:#c6c6c6; +@white:#fff; +@veniceBlue:#08597F; +@chicago:#58595b; +@gray:#828182; +@mountainMist:#949293; +@black:#000; + + + + + + + + + + + + + + + + + + diff --git a/LESS/less/variable.scss b/LESS/less/variable.scss new file mode 100644 index 0000000..d5da7a2 --- /dev/null +++ b/LESS/less/variable.scss @@ -0,0 +1,30 @@ + +$orient:#07587b; +$lightgrey:#D3D3D3; +$persianred:#cd2e27; +$fruitSalad:#4c9d68; +$pumice:#c6c6c6; +$white:#fff; +$veniceBlue:#08597F; +$chicago:#58595b; +$gray:#828182; +$mountainMist:#949293; +$black:#000; + + + + + + + + + + + + + + + + + + diff --git a/LESSassignments/LESS Assignments.docx b/LESSassignments/LESS Assignments.docx deleted file mode 100755 index a60ace7..0000000 Binary files a/LESSassignments/LESS Assignments.docx and /dev/null differ diff --git a/README.md b/README.md deleted file mode 100644 index 05907ee..0000000 --- a/README.md +++ /dev/null @@ -1,4 +0,0 @@ -# html-css-workshop -to host content and assignments of html css workshop held in india pune - -Use assignments folder as a template to publish your assignments diff --git a/RWDassignments/RWD Assignments.docx b/RWDassignments/RWD Assignments.docx deleted file mode 100755 index c362726..0000000 Binary files a/RWDassignments/RWD Assignments.docx and /dev/null differ diff --git a/RWT/Assignment2-CSS.pdf b/RWT/Assignment2-CSS.pdf new file mode 100644 index 0000000..74a7b4f Binary files /dev/null and b/RWT/Assignment2-CSS.pdf differ diff --git a/RWT/css/assignment.css b/RWT/css/assignment.css new file mode 100644 index 0000000..7910f66 --- /dev/null +++ b/RWT/css/assignment.css @@ -0,0 +1,366 @@ +body{ + width: 95%; + margin: 15px auto; + /* border:1px solid; */ + font-family: 'robotoregular', Arial, sans-serif; +} + +header{ + overflow: auto; + overflow-y: hidden; +} +.svg-icons{ + overflow:auto; +} +.svg-icons ul { + float:right; +} +.svg-icons ul li{ + display:inline-block; + padding: 10px 10px; + + +} +.logowrapper{ + width: 20%; + box-sizing: border-box; + float: left; +} +.logoimg{ + padding-top:80px; + width: 100%; +} + +.bannerwrapper{ + width: 80%; + box-sizing: border-box; + float: left; +} +.bannerimg{ + width: 100%; +} + +.topnav { + font-family: 'robotolight', Arial, sans-serif; + font-weight:bold; + clear:both; + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + background: rgba(0, 0, 0, 0) linear-gradient(white, white, white, #d3d3d3) repeat scroll 0 0; +} + +.topnav li { + padding: 10px 2px; + float: left; + margin: 0 8px; +} + +.topnav li :hover{ + color:#cd2e27; +} + + .topnav li a { + padding: 14px 28px; + display: inline-block; + color: grey; + font-size: 16px; + text-align: center; + padding: 14px 16px; + text-decoration: none; +} + +.content{ + font-family: 'robotoregular', Arial, sans-serif; + width: 72%; + float: left; + margin:0px 15px 15px 15px; + padding-left: 20px; + line-height: 20px; +} + + +.content h1{ + margin: 15px 0; + color:#cd2e27; + font-size:18px; +} + +.content p{ + margin: 10px 0; + } + +.signature{ + color:#4c9d68; +} + +.righ-nav{ + width: 18%; + float: right; + margin:18px 15px 15px 15px; +} +.captionwrapper{ + float: left; + width: 98%; + margin: 20px; + color:#c6c6c6; +} + +.imgcaption{ + float: left; + padding: 15px; + width: 30%; + text-align: center; +} + +.imgcaption img{ + width: 220px; + border-radius: 50%; + height: 220px; +} + +.captionImg li { + float: left; + width: 40%; +} + + + +input[type="text"] { + height: 20px; + border: 1px solid #d76f6c; + +} + +big{ + display:block; +} + + + +.footer-btn{ + color:#fff; + width:100px; + height: 40px; + float: right; + border-radius: 16px; + border: none; + margin:0; + background-image: -o-linear-gradient(bottom, #08597F 0%, #085C80 100%); + background-image: -moz-linear-gradient(bottom, #08597F 0%, #085C80 100%); + background-image: -webkit-linear-gradient(bottom, #08597F 0%, #085C80 100%); + background-image: -ms-linear-gradient(bottom, #08597F 0%, #085C80 100%); + background-image: linear-gradient(to bottom, #08597F 0%, #085C80 100%); + +} + +.nav-list{ + margin-top: 10px; +} + +.nav-list ul li{ + padding: 10px; + border-bottom: 2px solid black; + border-color:grey; + width: 85%; + border-style: dashed; +} +.mid-wrapper{ + overflow:auto; +} +.services{ + clear:both; +} + +footer{ + font-family: 'robotoregular', Arial, sans-serif !important; + overflow:auto; + overflow-x:hidden; + clear:both; + background:#58595b; + padding: 16px; +} + +footer h5{ + color:#fff; + font-size:18px; + padding: 16px 0; +} + +footer ul li{ + color:#828182; + padding:5px 0; + font-weight:bold; + line-height:18px; +} + + +footer section{ + padding: 16px; + width:30%; + float:left; +} +.contact-info{ + margin:0; +} + +.contact-info input{ + border-radius:10px; + width: 100%; + background:#c6c6c6; + border:none; + height:30px; +} + +button{ + height:26px; + color: #d76f6c; + background: #f5f5f5; + border: 1px solid #d76f6c; +} +table button { + background:#07587b; + color:#fff; + width:25%; + height: 26px; + float: right; + border-radius: 8px; + height: 26px; + border: none; + margin-right: 10px; +} + +input::-webkit-input-placeholder { +color: #000; +padding-left:10px; +} + +input:-moz-placeholder { +color: #000; +padding-left:10px; +} + +input::-moz-placeholder { +color: #000 ; +padding-left:10px; +} + +input:-ms-input-placeholder { +color: #000 ; +padding-left:10px; +} + +table tr{ + padding:10px 0; +} +table tr td:first-child{ + color:#949293; +} +table tr td{ + padding:5px 5px; + +} +table td:nth-child(2){ + width:100%; +} +.footer-nav{ + text-align:center; + width:100%; +} +.footer-nav ul li{ + display:inline-block; + border-right:1px solid #949293; + padding-right:5px; +} + +.footer-nav ul li:last-child{ + border-right:none; +} + +@media (min-width:900px){ + .content{ + font-family: 'robotoregular', Arial, sans-serif; + width: 68%; + float: left; + margin:0px 15px 15px 15px; + padding-left: 20px; + line-height: 20px; + + } + + .righ-nav{ + width:22%; + } + .mid-wrapper{ + overflow:hidden; + } + + .imgcaption{ + width:28%; + } + + footer section{ + width:28%; + } + + input[type="text"]{ + width:70%; + } + + table input[type="text"]{ + width:100%; + } + +} + + + +@media (max-width:500px) and (min-width:320px) { + .wrapper{ + overflow:hidden; + } + .mid-wrapper{ + overflow:hidden; + } + .svg-icons{ + display:none; + overflow: auto; + } + .logoimg{ + padding-top: 20px; + } + .content{ + padding: 0 10px 0 0; + } + .content,.righ-nav { + + width:90%; + float:none; + + } + .righ-nav{ + margin:0 0 0 20px; + } + + .righ-nav section{ + padding: 0 15px; + } + + .imgcaption{ + float:none; + width:auto; + } + .services{ + width:auto; + + + } + footer section{ + float:none; + width:auto; + } +}​ + + + diff --git a/RWT/css/clear.css b/RWT/css/clear.css new file mode 100644 index 0000000..af94440 --- /dev/null +++ b/RWT/css/clear.css @@ -0,0 +1,48 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} \ No newline at end of file diff --git a/RWT/css/icons.css b/RWT/css/icons.css new file mode 100644 index 0000000..a912bc4 --- /dev/null +++ b/RWT/css/icons.css @@ -0,0 +1,51 @@ +.icon-arrows_move2:before { + content: "\e900"; + color:#7d7d7d; + font-size: 55px; +} +.icon-arrows_plus:before { + content: "\e901"; + color:#7d7d7d; + font-size: 55px; +} +.icon-arrows_question:before { + content: "\e902"; + color:#7d7d7d; + font-size: 55px; +} +.icon-arrows_right_double-31:before { + content: "\e903"; + color:#7d7d7d; + font-size: 55px; +} +.icon-arrows_rotate_anti_dashed:before { + content: "\e904"; + color:#7d7d7d; + font-size: 55px; +} +.icon-arrows_shrink_diagonal1:before { + content: "\e905"; + color:#7d7d7d; + font-size: 55px; + +} +.icon-arrows_sign_left:before { + content: "\e906"; + color:#a5b6c4; + font-size: 18px; +} +.icon-arrows_sign_right:before { + content: "\e907"; + color:#a5b6c4; + font-size: 18px; +} +.icon-arrows_slide_right1:before { + content: "\e908"; + color:#a5b6c4; + font-size: 18px; +} +.icon-arrows_square_left:before { + content: "\e909"; + color:#a5b6c4; + font-size: 18px; +} \ No newline at end of file diff --git a/RWT/css/mediumdevice.css b/RWT/css/mediumdevice.css new file mode 100644 index 0000000..09b6df4 --- /dev/null +++ b/RWT/css/mediumdevice.css @@ -0,0 +1,72 @@ + + @media(max-width:900px) and (min-width:501px) + { + .wrapper{ + overflow:hidden; + } + .svg-icons{ + overflow: auto; + } + .logoimg{ + padding-top: 36px; + } + + .svg-icons ul{ + float:left; + } + .mid-wrapper{ + overflow:hidden; + } + .content{ + width:50%; + padding: 0 10px 0 0; + } + .content { + + width: 50%; + float: left; + } + + input[type="text"]{ + width:61%; + } + + button{ + width:37%; + } + + .righ-nav{ + width: 34%; + + } + + .imgcaption{ + float:none; + width:auto; + } + .services{ + width: 22%; + } + + footer{ + padding:0; + } + footer section{ + width: 25%; + + } + . contact-info{ + width:25%; + } + .contact-info input{ + border-radius: 10px; + width: 100%; + font-size: 8px; + background: #c6c6c6; + border: none; + height: 30px; + } +} + + + diff --git a/RWT/css/typo.css b/RWT/css/typo.css new file mode 100644 index 0000000..aa1fbdc --- /dev/null +++ b/RWT/css/typo.css @@ -0,0 +1,25 @@ +@font-face { + font-family: 'icomoon'; + src: url('../fonts/icomoon.eot?8eyfsm'); + src: url('../fonts/icomoon.eot?8eyfsm#iefix') format('embedded-opentype'), + url('../fonts/icomoon.ttf?8eyfsm') format('truetype'), + url('../fonts/icomoon.woff?8eyfsm') format('woff'), + url('../fonts/icomoon.svg?8eyfsm#icomoon') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="icon-"], [class*=" icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'icomoon' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} \ No newline at end of file diff --git a/RWT/fonts/Roboto-Light.ttf b/RWT/fonts/Roboto-Light.ttf new file mode 100644 index 0000000..aa45340 Binary files /dev/null and b/RWT/fonts/Roboto-Light.ttf differ diff --git a/RWT/fonts/Roboto-Regular.ttf b/RWT/fonts/Roboto-Regular.ttf new file mode 100644 index 0000000..0e58508 Binary files /dev/null and b/RWT/fonts/Roboto-Regular.ttf differ diff --git a/RWT/fonts/icomoon.eot b/RWT/fonts/icomoon.eot new file mode 100644 index 0000000..69b30f0 Binary files /dev/null and b/RWT/fonts/icomoon.eot differ diff --git a/RWT/fonts/icomoon.svg b/RWT/fonts/icomoon.svg new file mode 100644 index 0000000..95298d5 --- /dev/null +++ b/RWT/fonts/icomoon.svg @@ -0,0 +1,18 @@ + + + +Generated by IcoMoon + + + + + + + + + + + + + + \ No newline at end of file diff --git a/RWT/fonts/icomoon.ttf b/RWT/fonts/icomoon.ttf new file mode 100644 index 0000000..9a05c32 Binary files /dev/null and b/RWT/fonts/icomoon.ttf differ diff --git a/RWT/fonts/icomoon.woff b/RWT/fonts/icomoon.woff new file mode 100644 index 0000000..1cb4621 Binary files /dev/null and b/RWT/fonts/icomoon.woff differ diff --git a/RWT/fonts/webfontkit-20160322-043735/generator_config.txt b/RWT/fonts/webfontkit-20160322-043735/generator_config.txt new file mode 100644 index 0000000..47dd036 --- /dev/null +++ b/RWT/fonts/webfontkit-20160322-043735/generator_config.txt @@ -0,0 +1,5 @@ +# Font Squirrel Font-face Generator Configuration File +# Upload this file to the generator to recreate the settings +# you used to create these fonts. + +{"mode":"optimal","formats":["ttf","woff","woff2","eotz"],"tt_instructor":"default","fix_gasp":"xy","fix_vertical_metrics":"Y","metrics_ascent":"","metrics_descent":"","metrics_linegap":"","add_spaces":"Y","add_hyphens":"Y","fallback":"none","fallback_custom":"100","options_subset":"basic","subset_custom":"","subset_custom_range":"","subset_ot_features_list":"","css_stylesheet":"stylesheet.css","filename_suffix":"-webfont","emsquare":"2048","spacing_adjustment":"0"} \ No newline at end of file diff --git a/RWT/fonts/webfontkit-20160322-043735/roboto-light-demo.html b/RWT/fonts/webfontkit-20160322-043735/roboto-light-demo.html new file mode 100644 index 0000000..b6e1adf --- /dev/null +++ b/RWT/fonts/webfontkit-20160322-043735/roboto-light-demo.html @@ -0,0 +1,616 @@ + + + + + + + + + + + + + Roboto Light Specimen + + + + + + +
+ + + +
+ + +
+ +
+
+
AaBb
+
+
+ +
+
A​B​C​D​E​F​G​H​I​J​K​L​M​N​O​P​Q​R​S​T​U​V​W​X​Y​Z​a​b​c​d​e​f​g​h​i​j​k​l​m​n​o​p​q​r​s​t​u​v​w​x​y​z​1​2​3​4​5​6​7​8​9​0​&​.​,​?​!​@​(​)​#​$​%​*​+​-​=​:​;
+
+
+
+ + + + + + + + + + + + + + + + +
10abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
11abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
12abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
13abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
14abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
16abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
18abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
20abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
24abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
30abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
36abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
48abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
60abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
72abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
90abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
+ +
+ +
+ + + +
+ + +
+
◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼body
body
body
body
+
+ bodyRoboto Light +
+
+ bodyArial +
+
+ bodyVerdana +
+
+ bodyGeorgia +
+ + + +
+ + +
+ +
+

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+
+
+

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+ +
+ +
+ +
+
+

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+ +
+ +
+ +
+
+

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+ +
+ + + +
+
+

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+ +
+
+

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+ +
+
+

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+ +
+ +
+ +
+
+

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+ +
+ + + + +
+ +
+ +
+ +
+

Lorem Ipsum Dolor

+

Etiam porta sem malesuada magna mollis euismod

+ +

By Aenean Lacinia

+
+
+
+
+

Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ + +

Pellentesque ornare sem

+ +

Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit.

+ +

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

+ +

Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur.

+ +

Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.

+ +

Cras mattis consectetur

+ +

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum.

+ +

Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.

+
+ +
+ +
+

Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+ +

Maecenas sed diam eget risus varius.

+ +

Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ + + +

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo.

+ +

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ +
+
+ +
+ + + + + + +
+
+
+ +

Language Support

+

The subset of Roboto Light in this kit supports the following languages:
+ + Albanian, Basque, Breton, Chamorro, Danish, Dutch, English, Faroese, Finnish, French, Frisian, Galician, German, Icelandic, Italian, Malagasy, Norwegian, Portuguese, Spanish, Swedish

+

Glyph Chart

+

The subset of Roboto Light in this kit includes all the glyphs listed below. Unicode entities are included above each glyph to help you insert individual characters into your layout.

+
+ +

&#2;


+

&#9;

+

&#13;

+

&#32;

+

&#33;

!
+

&#34;

"
+

&#35;

#
+

&#36;

$
+

&#37;

%
+

&#38;

&
+

&#39;

'
+

&#40;

(
+

&#41;

)
+

&#42;

*
+

&#43;

+
+

&#44;

,
+

&#45;

-
+

&#46;

.
+

&#47;

/
+

&#48;

0
+

&#49;

1
+

&#50;

2
+

&#51;

3
+

&#52;

4
+

&#53;

5
+

&#54;

6
+

&#55;

7
+

&#56;

8
+

&#57;

9
+

&#58;

:
+

&#59;

;
+

&#60;

<
+

&#61;

=
+

&#62;

>
+

&#63;

?
+

&#64;

@
+

&#65;

A
+

&#66;

B
+

&#67;

C
+

&#68;

D
+

&#69;

E
+

&#70;

F
+

&#71;

G
+

&#72;

H
+

&#73;

I
+

&#74;

J
+

&#75;

K
+

&#76;

L
+

&#77;

M
+

&#78;

N
+

&#79;

O
+

&#80;

P
+

&#81;

Q
+

&#82;

R
+

&#83;

S
+

&#84;

T
+

&#85;

U
+

&#86;

V
+

&#87;

W
+

&#88;

X
+

&#89;

Y
+

&#90;

Z
+

&#91;

[
+

&#92;

\
+

&#93;

]
+

&#94;

^
+

&#95;

_
+

&#96;

`
+

&#97;

a
+

&#98;

b
+

&#99;

c
+

&#100;

d
+

&#101;

e
+

&#102;

f
+

&#103;

g
+

&#104;

h
+

&#105;

i
+

&#106;

j
+

&#107;

k
+

&#108;

l
+

&#109;

m
+

&#110;

n
+

&#111;

o
+

&#112;

p
+

&#113;

q
+

&#114;

r
+

&#115;

s
+

&#116;

t
+

&#117;

u
+

&#118;

v
+

&#119;

w
+

&#120;

x
+

&#121;

y
+

&#122;

z
+

&#123;

{
+

&#124;

|
+

&#125;

}
+

&#126;

~
+

&#160;

 
+

&#161;

¡
+

&#162;

¢
+

&#163;

£
+

&#164;

¤
+

&#165;

¥
+

&#166;

¦
+

&#167;

§
+

&#168;

¨
+

&#169;

©
+

&#170;

ª
+

&#171;

«
+

&#172;

¬
+

&#173;

­
+

&#174;

®
+

&#175;

¯
+

&#176;

°
+

&#177;

±
+

&#178;

²
+

&#179;

³
+

&#180;

´
+

&#181;

µ
+

&#182;

+

&#183;

·
+

&#184;

¸
+

&#185;

¹
+

&#186;

º
+

&#187;

»
+

&#188;

¼
+

&#189;

½
+

&#190;

¾
+

&#191;

¿
+

&#192;

À
+

&#193;

Á
+

&#194;

Â
+

&#195;

Ã
+

&#196;

Ä
+

&#197;

Å
+

&#198;

Æ
+

&#199;

Ç
+

&#200;

È
+

&#201;

É
+

&#202;

Ê
+

&#203;

Ë
+

&#204;

Ì
+

&#205;

Í
+

&#206;

Î
+

&#207;

Ï
+

&#208;

Ð
+

&#209;

Ñ
+

&#210;

Ò
+

&#211;

Ó
+

&#212;

Ô
+

&#213;

Õ
+

&#214;

Ö
+

&#215;

×
+

&#216;

Ø
+

&#217;

Ù
+

&#218;

Ú
+

&#219;

Û
+

&#220;

Ü
+

&#221;

Ý
+

&#222;

Þ
+

&#223;

ß
+

&#224;

à
+

&#225;

á
+

&#226;

â
+

&#227;

ã
+

&#228;

ä
+

&#229;

å
+

&#230;

æ
+

&#231;

ç
+

&#232;

è
+

&#233;

é
+

&#234;

ê
+

&#235;

ë
+

&#236;

ì
+

&#237;

í
+

&#238;

î
+

&#239;

ï
+

&#240;

ð
+

&#241;

ñ
+

&#242;

ò
+

&#243;

ó
+

&#244;

ô
+

&#245;

õ
+

&#246;

ö
+

&#247;

÷
+

&#248;

ø
+

&#249;

ù
+

&#250;

ú
+

&#251;

û
+

&#252;

ü
+

&#253;

ý
+

&#254;

þ
+

&#255;

ÿ
+

&#338;

Œ
+

&#339;

œ
+

&#376;

Ÿ
+

&#710;

ˆ
+

&#732;

˜
+

&#8192;

 
+

&#8193;

 
+

&#8194;

 
+

&#8195;

 
+

&#8196;

 
+

&#8197;

 
+

&#8198;

 
+

&#8199;

 
+

&#8200;

 
+

&#8201;

 
+

&#8202;

 
+

&#8208;

‐
+

&#8209;

‑
+

&#8210;

‒
+

&#8211;

–
+

&#8212;

—
+

&#8216;

‘
+

&#8217;

’
+

&#8218;

‚
+

&#8220;

“
+

&#8221;

”
+

&#8222;

„
+

&#8226;

•
+

&#8230;

…
+

&#8239;

 
+

&#8249;

‹
+

&#8250;

›
+

&#8287;

 
+

&#8364;

€
+

&#8482;

™
+

&#9724;

◼
+

&#64257;

fi
+

&#64258;

fl
+

&#64259;

ffi
+

&#64260;

ffl
+
+
+ + +
+
+ + +
+ +
+ +
+
+
+

Installing Webfonts

+ +

Webfonts are supported by all major browser platforms but not all in the same way. There are currently four different font formats that must be included in order to target all browsers. This includes TTF, WOFF, EOT and SVG.

+ +

1. Upload your webfonts

+

You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.

+ +

2. Include the webfont stylesheet

+

A special CSS @font-face declaration helps the various browsers select the appropriate font it needs without causing you a bunch of headaches. Learn more about this syntax by reading the Fontspring blog post about it. The code for it is as follows:

+ + + +@font-face{ + font-family: 'MyWebFont'; + src: url('WebFont.eot'); + src: url('WebFont.eot?#iefix') format('embedded-opentype'), + url('WebFont.woff') format('woff'), + url('WebFont.ttf') format('truetype'), + url('WebFont.svg#webfont') format('svg'); +} + + +

We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:

+ <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" /> + +

3. Modify your own stylesheet

+

To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the original @font-face declaration above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:

+p { font-family: 'WebFont', Arial, sans-serif; } + +

4. Test

+

Getting webfonts to work cross-browser can be tricky. Use the information in the sidebar to help you if you find that fonts aren't loading in a particular browser.

+
+ +
+
+

Troubleshooting
Font-Face Problems

+

Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.

+ +

Fonts not showing in any browser

+ +

This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a look at your .htaccess file and see if requests are getting intercepted.

+ +

Fonts not loading in iPhone or iPad

+ +

The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings. Follow these instructions from Microsoft if you need help.

+ +

Fonts not loading in Firefox

+ +

The primary reason for this failure? You are still using a version Firefox older than 3.5. So upgrade already! If that isn't it, then you are very likely serving fonts from a different domain. Firefox requires that all font assets be served from the same domain. Lastly it is possible that you need to add WOFF to your list of MIME types (if you are serving via IIS.)

+ +

Fonts not loading in IE

+ +

Are you looking at Internet Explorer on an actual Windows machine or are you cheating by using a service like Adobe BrowserLab? Many of these screenshot services do not render @font-face for IE. Best to test it on a real machine.

+ +

Fonts not loading in IE9

+ +

IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.

+
+
+
+ +
+ +
+ +
+ + diff --git a/RWT/fonts/webfontkit-20160322-043735/roboto-light-webfont.eot b/RWT/fonts/webfontkit-20160322-043735/roboto-light-webfont.eot new file mode 100644 index 0000000..abe08b0 Binary files /dev/null and b/RWT/fonts/webfontkit-20160322-043735/roboto-light-webfont.eot differ diff --git a/RWT/fonts/webfontkit-20160322-043735/roboto-light-webfont.svg b/RWT/fonts/webfontkit-20160322-043735/roboto-light-webfont.svg new file mode 100644 index 0000000..faa0b25 --- /dev/null +++ b/RWT/fonts/webfontkit-20160322-043735/roboto-light-webfont.svg @@ -0,0 +1,666 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/RWT/fonts/webfontkit-20160322-043735/roboto-light-webfont.ttf b/RWT/fonts/webfontkit-20160322-043735/roboto-light-webfont.ttf new file mode 100644 index 0000000..c93a5f5 Binary files /dev/null and b/RWT/fonts/webfontkit-20160322-043735/roboto-light-webfont.ttf differ diff --git a/RWT/fonts/webfontkit-20160322-043735/roboto-light-webfont.woff b/RWT/fonts/webfontkit-20160322-043735/roboto-light-webfont.woff new file mode 100644 index 0000000..29cc079 Binary files /dev/null and b/RWT/fonts/webfontkit-20160322-043735/roboto-light-webfont.woff differ diff --git a/RWT/fonts/webfontkit-20160322-043735/roboto-light-webfont.woff2 b/RWT/fonts/webfontkit-20160322-043735/roboto-light-webfont.woff2 new file mode 100644 index 0000000..b09382b Binary files /dev/null and b/RWT/fonts/webfontkit-20160322-043735/roboto-light-webfont.woff2 differ diff --git a/RWT/fonts/webfontkit-20160322-043735/roboto-regular-demo.html b/RWT/fonts/webfontkit-20160322-043735/roboto-regular-demo.html new file mode 100644 index 0000000..502dcce --- /dev/null +++ b/RWT/fonts/webfontkit-20160322-043735/roboto-regular-demo.html @@ -0,0 +1,616 @@ + + + + + + + + + + + + + Roboto Regular Specimen + + + + + + +
+ + + +
+ + +
+ +
+
+
AaBb
+
+
+ +
+
A​B​C​D​E​F​G​H​I​J​K​L​M​N​O​P​Q​R​S​T​U​V​W​X​Y​Z​a​b​c​d​e​f​g​h​i​j​k​l​m​n​o​p​q​r​s​t​u​v​w​x​y​z​1​2​3​4​5​6​7​8​9​0​&​.​,​?​!​@​(​)​#​$​%​*​+​-​=​:​;
+
+
+
+ + + + + + + + + + + + + + + + +
10abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
11abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
12abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
13abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
14abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
16abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
18abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
20abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
24abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
30abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
36abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
48abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
60abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
72abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
90abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
+ +
+ +
+ + + +
+ + +
+
◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼body
body
body
body
+
+ bodyRoboto Regular +
+
+ bodyArial +
+
+ bodyVerdana +
+
+ bodyGeorgia +
+ + + +
+ + +
+ +
+

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+
+
+

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+ +
+ +
+ +
+
+

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+ +
+ +
+ +
+
+

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+ +
+ + + +
+
+

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+ +
+
+

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+ +
+
+

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+ +
+ +
+ +
+
+

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+ +
+ + + + +
+ +
+ +
+ +
+

Lorem Ipsum Dolor

+

Etiam porta sem malesuada magna mollis euismod

+ +

By Aenean Lacinia

+
+
+
+
+

Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ + +

Pellentesque ornare sem

+ +

Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit.

+ +

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

+ +

Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur.

+ +

Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.

+ +

Cras mattis consectetur

+ +

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum.

+ +

Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.

+
+ +
+ +
+

Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+ +

Maecenas sed diam eget risus varius.

+ +

Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ + + +

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo.

+ +

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ +
+
+ +
+ + + + + + +
+
+
+ +

Language Support

+

The subset of Roboto Regular in this kit supports the following languages:
+ + Albanian, Basque, Breton, Chamorro, Danish, Dutch, English, Faroese, Finnish, French, Frisian, Galician, German, Icelandic, Italian, Malagasy, Norwegian, Portuguese, Spanish, Swedish

+

Glyph Chart

+

The subset of Roboto Regular in this kit includes all the glyphs listed below. Unicode entities are included above each glyph to help you insert individual characters into your layout.

+
+ +

&#2;


+

&#9;

+

&#13;

+

&#32;

+

&#33;

!
+

&#34;

"
+

&#35;

#
+

&#36;

$
+

&#37;

%
+

&#38;

&
+

&#39;

'
+

&#40;

(
+

&#41;

)
+

&#42;

*
+

&#43;

+
+

&#44;

,
+

&#45;

-
+

&#46;

.
+

&#47;

/
+

&#48;

0
+

&#49;

1
+

&#50;

2
+

&#51;

3
+

&#52;

4
+

&#53;

5
+

&#54;

6
+

&#55;

7
+

&#56;

8
+

&#57;

9
+

&#58;

:
+

&#59;

;
+

&#60;

<
+

&#61;

=
+

&#62;

>
+

&#63;

?
+

&#64;

@
+

&#65;

A
+

&#66;

B
+

&#67;

C
+

&#68;

D
+

&#69;

E
+

&#70;

F
+

&#71;

G
+

&#72;

H
+

&#73;

I
+

&#74;

J
+

&#75;

K
+

&#76;

L
+

&#77;

M
+

&#78;

N
+

&#79;

O
+

&#80;

P
+

&#81;

Q
+

&#82;

R
+

&#83;

S
+

&#84;

T
+

&#85;

U
+

&#86;

V
+

&#87;

W
+

&#88;

X
+

&#89;

Y
+

&#90;

Z
+

&#91;

[
+

&#92;

\
+

&#93;

]
+

&#94;

^
+

&#95;

_
+

&#96;

`
+

&#97;

a
+

&#98;

b
+

&#99;

c
+

&#100;

d
+

&#101;

e
+

&#102;

f
+

&#103;

g
+

&#104;

h
+

&#105;

i
+

&#106;

j
+

&#107;

k
+

&#108;

l
+

&#109;

m
+

&#110;

n
+

&#111;

o
+

&#112;

p
+

&#113;

q
+

&#114;

r
+

&#115;

s
+

&#116;

t
+

&#117;

u
+

&#118;

v
+

&#119;

w
+

&#120;

x
+

&#121;

y
+

&#122;

z
+

&#123;

{
+

&#124;

|
+

&#125;

}
+

&#126;

~
+

&#160;

 
+

&#161;

¡
+

&#162;

¢
+

&#163;

£
+

&#164;

¤
+

&#165;

¥
+

&#166;

¦
+

&#167;

§
+

&#168;

¨
+

&#169;

©
+

&#170;

ª
+

&#171;

«
+

&#172;

¬
+

&#173;

­
+

&#174;

®
+

&#175;

¯
+

&#176;

°
+

&#177;

±
+

&#178;

²
+

&#179;

³
+

&#180;

´
+

&#181;

µ
+

&#182;

+

&#183;

·
+

&#184;

¸
+

&#185;

¹
+

&#186;

º
+

&#187;

»
+

&#188;

¼
+

&#189;

½
+

&#190;

¾
+

&#191;

¿
+

&#192;

À
+

&#193;

Á
+

&#194;

Â
+

&#195;

Ã
+

&#196;

Ä
+

&#197;

Å
+

&#198;

Æ
+

&#199;

Ç
+

&#200;

È
+

&#201;

É
+

&#202;

Ê
+

&#203;

Ë
+

&#204;

Ì
+

&#205;

Í
+

&#206;

Î
+

&#207;

Ï
+

&#208;

Ð
+

&#209;

Ñ
+

&#210;

Ò
+

&#211;

Ó
+

&#212;

Ô
+

&#213;

Õ
+

&#214;

Ö
+

&#215;

×
+

&#216;

Ø
+

&#217;

Ù
+

&#218;

Ú
+

&#219;

Û
+

&#220;

Ü
+

&#221;

Ý
+

&#222;

Þ
+

&#223;

ß
+

&#224;

à
+

&#225;

á
+

&#226;

â
+

&#227;

ã
+

&#228;

ä
+

&#229;

å
+

&#230;

æ
+

&#231;

ç
+

&#232;

è
+

&#233;

é
+

&#234;

ê
+

&#235;

ë
+

&#236;

ì
+

&#237;

í
+

&#238;

î
+

&#239;

ï
+

&#240;

ð
+

&#241;

ñ
+

&#242;

ò
+

&#243;

ó
+

&#244;

ô
+

&#245;

õ
+

&#246;

ö
+

&#247;

÷
+

&#248;

ø
+

&#249;

ù
+

&#250;

ú
+

&#251;

û
+

&#252;

ü
+

&#253;

ý
+

&#254;

þ
+

&#255;

ÿ
+

&#338;

Œ
+

&#339;

œ
+

&#376;

Ÿ
+

&#710;

ˆ
+

&#732;

˜
+

&#8192;

 
+

&#8193;

 
+

&#8194;

 
+

&#8195;

 
+

&#8196;

 
+

&#8197;

 
+

&#8198;

 
+

&#8199;

 
+

&#8200;

 
+

&#8201;

 
+

&#8202;

 
+

&#8208;

‐
+

&#8209;

‑
+

&#8210;

‒
+

&#8211;

–
+

&#8212;

—
+

&#8216;

‘
+

&#8217;

’
+

&#8218;

‚
+

&#8220;

“
+

&#8221;

”
+

&#8222;

„
+

&#8226;

•
+

&#8230;

…
+

&#8239;

 
+

&#8249;

‹
+

&#8250;

›
+

&#8287;

 
+

&#8364;

€
+

&#8482;

™
+

&#9724;

◼
+

&#64257;

fi
+

&#64258;

fl
+

&#64259;

ffi
+

&#64260;

ffl
+
+
+ + +
+
+ + +
+ +
+ +
+
+
+

Installing Webfonts

+ +

Webfonts are supported by all major browser platforms but not all in the same way. There are currently four different font formats that must be included in order to target all browsers. This includes TTF, WOFF, EOT and SVG.

+ +

1. Upload your webfonts

+

You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.

+ +

2. Include the webfont stylesheet

+

A special CSS @font-face declaration helps the various browsers select the appropriate font it needs without causing you a bunch of headaches. Learn more about this syntax by reading the Fontspring blog post about it. The code for it is as follows:

+ + + +@font-face{ + font-family: 'MyWebFont'; + src: url('WebFont.eot'); + src: url('WebFont.eot?#iefix') format('embedded-opentype'), + url('WebFont.woff') format('woff'), + url('WebFont.ttf') format('truetype'), + url('WebFont.svg#webfont') format('svg'); +} + + +

We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:

+ <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" /> + +

3. Modify your own stylesheet

+

To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the original @font-face declaration above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:

+p { font-family: 'WebFont', Arial, sans-serif; } + +

4. Test

+

Getting webfonts to work cross-browser can be tricky. Use the information in the sidebar to help you if you find that fonts aren't loading in a particular browser.

+
+ +
+
+

Troubleshooting
Font-Face Problems

+

Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.

+ +

Fonts not showing in any browser

+ +

This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a look at your .htaccess file and see if requests are getting intercepted.

+ +

Fonts not loading in iPhone or iPad

+ +

The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings. Follow these instructions from Microsoft if you need help.

+ +

Fonts not loading in Firefox

+ +

The primary reason for this failure? You are still using a version Firefox older than 3.5. So upgrade already! If that isn't it, then you are very likely serving fonts from a different domain. Firefox requires that all font assets be served from the same domain. Lastly it is possible that you need to add WOFF to your list of MIME types (if you are serving via IIS.)

+ +

Fonts not loading in IE

+ +

Are you looking at Internet Explorer on an actual Windows machine or are you cheating by using a service like Adobe BrowserLab? Many of these screenshot services do not render @font-face for IE. Best to test it on a real machine.

+ +

Fonts not loading in IE9

+ +

IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.

+
+
+
+ +
+ +
+ +
+ + diff --git a/RWT/fonts/webfontkit-20160322-043735/roboto-regular-webfont.eot b/RWT/fonts/webfontkit-20160322-043735/roboto-regular-webfont.eot new file mode 100644 index 0000000..9e2e7ac Binary files /dev/null and b/RWT/fonts/webfontkit-20160322-043735/roboto-regular-webfont.eot differ diff --git a/RWT/fonts/webfontkit-20160322-043735/roboto-regular-webfont.svg b/RWT/fonts/webfontkit-20160322-043735/roboto-regular-webfont.svg new file mode 100644 index 0000000..fb66434 --- /dev/null +++ b/RWT/fonts/webfontkit-20160322-043735/roboto-regular-webfont.svg @@ -0,0 +1,666 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/RWT/fonts/webfontkit-20160322-043735/roboto-regular-webfont.ttf b/RWT/fonts/webfontkit-20160322-043735/roboto-regular-webfont.ttf new file mode 100644 index 0000000..cb453e9 Binary files /dev/null and b/RWT/fonts/webfontkit-20160322-043735/roboto-regular-webfont.ttf differ diff --git a/RWT/fonts/webfontkit-20160322-043735/roboto-regular-webfont.woff b/RWT/fonts/webfontkit-20160322-043735/roboto-regular-webfont.woff new file mode 100644 index 0000000..412a2f5 Binary files /dev/null and b/RWT/fonts/webfontkit-20160322-043735/roboto-regular-webfont.woff differ diff --git a/RWT/fonts/webfontkit-20160322-043735/roboto-regular-webfont.woff2 b/RWT/fonts/webfontkit-20160322-043735/roboto-regular-webfont.woff2 new file mode 100644 index 0000000..4e98ee2 Binary files /dev/null and b/RWT/fonts/webfontkit-20160322-043735/roboto-regular-webfont.woff2 differ diff --git a/RWT/fonts/webfontkit-20160322-043735/specimen_files/grid_12-825-55-15.css b/RWT/fonts/webfontkit-20160322-043735/specimen_files/grid_12-825-55-15.css new file mode 100644 index 0000000..3d6aef7 --- /dev/null +++ b/RWT/fonts/webfontkit-20160322-043735/specimen_files/grid_12-825-55-15.css @@ -0,0 +1,129 @@ +/*Notes about grid: +Columns: 12 +Grid Width: 825px +Column Width: 55px +Gutter Width: 15px +-------------------------------*/ + + + +.section {margin-bottom: 18px; +} +.section:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} +.section {*zoom: 1;} + +.section .firstcolumn, +.section .firstcol {margin-left: 0;} + + +/* Border on left hand side of a column. */ +.border { + padding-left: 7px; + margin-left: 7px; + border-left: 1px solid #eee; +} + +/* Border with more whitespace, spans one column. */ +.colborder { + padding-left: 42px; + margin-left: 42px; + border-left: 1px solid #eee; +} + + + +/* The Grid Classes */ +.grid1, .grid1_2cols, .grid1_3cols, .grid1_4cols, .grid2, .grid2_3cols, .grid2_4cols, .grid3, .grid3_2cols, .grid3_4cols, .grid4, .grid4_3cols, .grid5, .grid5_2cols, .grid5_3cols, .grid5_4cols, .grid6, .grid6_4cols, .grid7, .grid7_2cols, .grid7_3cols, .grid7_4cols, .grid8, .grid8_3cols, .grid9, .grid9_2cols, .grid9_4cols, .grid10, .grid10_3cols, .grid10_4cols, .grid11, .grid11_2cols, .grid11_3cols, .grid11_4cols, .grid12 +{margin-left: 15px;float: left;display: inline; overflow: hidden;} + + +.width1, .grid1, .span-1 {width: 55px;} +.width1_2cols,.grid1_2cols {width: 20px;} +.width1_3cols,.grid1_3cols {width: 8px;} +.width1_4cols,.grid1_4cols {width: 2px;} +.input_width1 {width: 49px;} + +.width2, .grid2, .span-2 {width: 125px;} +.width2_3cols,.grid2_3cols {width: 31px;} +.width2_4cols,.grid2_4cols {width: 20px;} +.input_width2 {width: 119px;} + +.width3, .grid3, .span-3 {width: 195px;} +.width3_2cols,.grid3_2cols {width: 90px;} +.width3_4cols,.grid3_4cols {width: 37px;} +.input_width3 {width: 189px;} + +.width4, .grid4, .span-4 {width: 265px;} +.width4_3cols,.grid4_3cols {width: 78px;} +.input_width4 {width: 259px;} + +.width5, .grid5, .span-5 {width: 335px;} +.width5_2cols,.grid5_2cols {width: 160px;} +.width5_3cols,.grid5_3cols {width: 101px;} +.width5_4cols,.grid5_4cols {width: 72px;} +.input_width5 {width: 329px;} + +.width6, .grid6, .span-6 {width: 405px;} +.width6_4cols,.grid6_4cols {width: 90px;} +.input_width6 {width: 399px;} + +.width7, .grid7, .span-7 {width: 475px;} +.width7_2cols,.grid7_2cols {width: 230px;} +.width7_3cols,.grid7_3cols {width: 148px;} +.width7_4cols,.grid7_4cols {width: 107px;} +.input_width7 {width: 469px;} + +.width8, .grid8, .span-8 {width: 545px;} +.width8_3cols,.grid8_3cols {width: 171px;} +.input_width8 {width: 539px;} + +.width9, .grid9, .span-9 {width: 615px;} +.width9_2cols,.grid9_2cols {width: 300px;} +.width9_4cols,.grid9_4cols {width: 142px;} +.input_width9 {width: 609px;} + +.width10, .grid10, .span-10 {width: 685px;} +.width10_3cols,.grid10_3cols {width: 218px;} +.width10_4cols,.grid10_4cols {width: 160px;} +.input_width10 {width: 679px;} + +.width11, .grid11, .span-11 {width: 755px;} +.width11_2cols,.grid11_2cols {width: 370px;} +.width11_3cols,.grid11_3cols {width: 241px;} +.width11_4cols,.grid11_4cols {width: 177px;} +.input_width11 {width: 749px;} + +.width12, .grid12, .span-12 {width: 825px;} +.input_width12 {width: 819px;} + +/* Subdivided grid spaces */ +.emptycols_left1, .prepend-1 {padding-left: 70px;} +.emptycols_right1, .append-1 {padding-right: 70px;} +.emptycols_left2, .prepend-2 {padding-left: 140px;} +.emptycols_right2, .append-2 {padding-right: 140px;} +.emptycols_left3, .prepend-3 {padding-left: 210px;} +.emptycols_right3, .append-3 {padding-right: 210px;} +.emptycols_left4, .prepend-4 {padding-left: 280px;} +.emptycols_right4, .append-4 {padding-right: 280px;} +.emptycols_left5, .prepend-5 {padding-left: 350px;} +.emptycols_right5, .append-5 {padding-right: 350px;} +.emptycols_left6, .prepend-6 {padding-left: 420px;} +.emptycols_right6, .append-6 {padding-right: 420px;} +.emptycols_left7, .prepend-7 {padding-left: 490px;} +.emptycols_right7, .append-7 {padding-right: 490px;} +.emptycols_left8, .prepend-8 {padding-left: 560px;} +.emptycols_right8, .append-8 {padding-right: 560px;} +.emptycols_left9, .prepend-9 {padding-left: 630px;} +.emptycols_right9, .append-9 {padding-right: 630px;} +.emptycols_left10, .prepend-10 {padding-left: 700px;} +.emptycols_right10, .append-10 {padding-right: 700px;} +.emptycols_left11, .prepend-11 {padding-left: 770px;} +.emptycols_right11, .append-11 {padding-right: 770px;} +.pull-1 {margin-left: -70px;} +.push-1 {margin-right: -70px;margin-left: 18px;float: right;} +.pull-2 {margin-left: -140px;} +.push-2 {margin-right: -140px;margin-left: 18px;float: right;} +.pull-3 {margin-left: -210px;} +.push-3 {margin-right: -210px;margin-left: 18px;float: right;} +.pull-4 {margin-left: -280px;} +.push-4 {margin-right: -280px;margin-left: 18px;float: right;} \ No newline at end of file diff --git a/RWT/fonts/webfontkit-20160322-043735/specimen_files/specimen_stylesheet.css b/RWT/fonts/webfontkit-20160322-043735/specimen_files/specimen_stylesheet.css new file mode 100644 index 0000000..aecc43c --- /dev/null +++ b/RWT/fonts/webfontkit-20160322-043735/specimen_files/specimen_stylesheet.css @@ -0,0 +1,396 @@ +@import url('grid_12-825-55-15.css'); + +/* + CSS Reset by Eric Meyer - Released under Public Domain + http://meyerweb.com/eric/tools/css/reset/ +*/ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, font, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, table, +caption, tbody, tfoot, thead, tr, th, td + {margin: 0;padding: 0;border: 0;outline: 0; + font-size: 100%;vertical-align: baseline; + background: transparent;} +body {line-height: 1;} +ol, ul {list-style: none;} +blockquote, q {quotes: none;} +blockquote:before, blockquote:after, +q:before, q:after {content: ''; content: none;} +:focus {outline: 0;} +ins {text-decoration: none;} +del {text-decoration: line-through;} +table {border-collapse: collapse;border-spacing: 0;} + + + + +body { + color: #000; + background-color: #dcdcdc; +} + +a { + text-decoration: none; + color: #1883ba; +} + +h1{ + font-size: 32px; + font-weight: normal; + font-style: normal; + margin-bottom: 18px; +} + +h2{ + font-size: 18px; +} + +#container { + width: 865px; + margin: 0px auto; +} + + +#header { + padding: 20px; + font-size: 36px; + background-color: #000; + color: #fff; +} + +#header span { + color: #666; +} +#main_content { + background-color: #fff; + padding: 60px 20px 20px; +} + + +#footer p { + margin: 0; + padding-top: 10px; + padding-bottom: 50px; + color: #333; + font: 10px Arial, sans-serif; +} + +.tabs { + width: 100%; + height: 31px; + background-color: #444; +} +.tabs li { + float: left; + margin: 0; + overflow: hidden; + background-color: #444; +} +.tabs li a { + display: block; + color: #fff; + text-decoration: none; + font: bold 11px/11px 'Arial'; + text-transform: uppercase; + padding: 10px 15px; + border-right: 1px solid #fff; +} + +.tabs li a:hover { + background-color: #00b3ff; + +} + +.tabs li.active a { + color: #000; + background-color: #fff; +} + + + +div.huge { + + font-size: 300px; + line-height: 1em; + padding: 0; + letter-spacing: -.02em; + overflow: hidden; +} +div.glyph_range { + font-size: 72px; + line-height: 1.1em; +} + +.size10{ font-size: 10px; } +.size11{ font-size: 11px; } +.size12{ font-size: 12px; } +.size13{ font-size: 13px; } +.size14{ font-size: 14px; } +.size16{ font-size: 16px; } +.size18{ font-size: 18px; } +.size20{ font-size: 20px; } +.size24{ font-size: 24px; } +.size30{ font-size: 30px; } +.size36{ font-size: 36px; } +.size48{ font-size: 48px; } +.size60{ font-size: 60px; } +.size72{ font-size: 72px; } +.size90{ font-size: 90px; } + + +.psample_row1 { height: 120px;} +.psample_row1 { height: 120px;} +.psample_row2 { height: 160px;} +.psample_row3 { height: 160px;} +.psample_row4 { height: 160px;} + +.psample { + overflow: hidden; + position: relative; +} +.psample p { + line-height: 1.3em; + display: block; + overflow: hidden; + margin: 0; +} + +.psample span { + margin-right: .5em; +} + +.white_blend { + width: 100%; + height: 61px; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNrs3TsKgFAMRUE/eer+NxztxMYuEWQG3ECKwwUF58ycAKixOAGAyAKILAAiCyCyACILgMgCiCyAyAIgsgAiCyCyAIgsgMgCiCwAIgsgsgAiC4DIAogsACIL0CWuZ3UGgLrIhjMA1EV2OAOAJQtgyQLwjOzmDAAiCyCyAIgsQFtkd2cAEFkAkQVAZAHaIns4A4AlC2DJAiCyACILILIAiCzAV5H1dQGAJQsgsgCILIDIAvwisl58AViyAJYsACILILIAIgvAe2T9EhxAZAFEFgCRBeiL7HAGgLrIhjMAWLIAliwAt1OAAQDwygTBulLIlQAAAABJRU5ErkJggg==); + position: absolute; + bottom: 0; +} +.black_blend { + width: 100%; + height: 61px; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNrs3TEKhTAQRVGjibr/9QoxhY2N3Ywo50A28IrLwP9g6b1PAMSYTQAgsgAiC4DIAogsgMgCILIAIgsgsgCILIDIAogsACILILIAIguAyAKILIDIAiCyACILgMgCZCnjLWYAiFGvB0BQZJsZAFyyAC5ZAO6RXc0AILIAIguAyAKkRXYzA4DIAogsACILkBbZ3QwALlkAlywAIgsgsgAiC4DIArwVWf8uAHDJAogsACILILIAv4isH74AXLIALlkARBZAZAFEFoDnyPokOIDIAogsACILkBfZZgaAuMhWMwC4ZAE+p4x3mAEgxinAAJ+XBbPWGkwAAAAAAElFTkSuQmCC); + position: absolute; + bottom: 0; +} +.fullreverse { + background: #000 !important; + color: #fff !important; + margin-left: -20px; + padding-left: 20px; + margin-right: -20px; + padding-right: 20px; + padding: 20px; + margin-bottom:0; +} + + +.sample_table td { + padding-top: 3px; + padding-bottom:5px; + padding-left: 5px; + vertical-align: middle; + line-height: 1.2em; +} + +.sample_table td:first-child { + background-color: #eee; + text-align: right; + padding-right: 5px; + padding-left: 0; + padding: 5px; + font: 11px/12px "Courier New", Courier, mono; +} + +code { + white-space: pre; + background-color: #eee; + display: block; + padding: 10px; + margin-bottom: 18px; + overflow: auto; +} + + +.bottom,.last {margin-bottom:0 !important; padding-bottom:0 !important;} + +.box { + padding: 18px; + margin-bottom: 18px; + background: #eee; +} + +.reverse,.reversed { background: #000 !important;color: #fff !important; border: none !important;} + +#bodycomparison { + position: relative; + overflow: hidden; + font-size: 72px; + height: 90px; + white-space: nowrap; +} + +#bodycomparison div{ + font-size: 72px; + line-height: 90px; + display: inline; + margin: 0 15px 0 0; + padding: 0; +} + +#bodycomparison div span{ + font: 10px Arial; + position: absolute; + left: 0; +} +#xheight { + float: none; + position: absolute; + color: #d9f3ff; + font-size: 72px; + line-height: 90px; +} + +.fontbody { + position: relative; +} +.arialbody{ + font-family: Arial; + position: relative; +} +.verdanabody{ + font-family: Verdana; + position: relative; +} +.georgiabody{ + font-family: Georgia; + position: relative; +} + +/* @group Layout page + */ + +#layout h1 { + font-size: 36px; + line-height: 42px; + font-weight: normal; + font-style: normal; +} + +#layout h2 { + font-size: 24px; + line-height: 23px; + font-weight: normal; + font-style: normal; +} + +#layout h3 { + font-size: 22px; + line-height: 1.4em; + margin-top: 1em; + font-weight: normal; + font-style: normal; +} + + +#layout p.byline { + font-size: 12px; + margin-top: 18px; + line-height: 12px; + margin-bottom: 0; +} +#layout p { + font-size: 14px; + line-height: 21px; + margin-bottom: .5em; +} + +#layout p.large{ + font-size: 18px; + line-height: 26px; +} + +#layout .sidebar p{ + font-size: 12px; + line-height: 1.4em; +} + +#layout p.caption { + font-size: 10px; + margin-top: -16px; + margin-bottom: 18px; +} + +/* @end */ + +/* @group Glyphs */ + +#glyph_chart div{ + background-color: #d9f3ff; + color: black; + float: left; + font-size: 36px; + height: 1.2em; + line-height: 1.2em; + margin-bottom: 1px; + margin-right: 1px; + text-align: center; + width: 1.2em; + position: relative; + padding: .6em .2em .2em; +} + +#glyph_chart div p { + position: absolute; + left: 0; + top: 0; + display: block; + text-align: center; + font: bold 9px Arial, sans-serif; + background-color: #3a768f; + width: 100%; + color: #fff; + padding: 2px 0; +} + + +#glyphs h1 { + font-family: Arial, sans-serif; +} +/* @end */ + +/* @group Installing */ + +#installing { + font: 13px Arial, sans-serif; +} + +#installing p, +#glyphs p{ + line-height: 1.2em; + margin-bottom: 18px; + font: 13px Arial, sans-serif; +} + + + +#installing h3{ + font-size: 15px; + margin-top: 18px; +} + +/* @end */ + +#rendering h1 { + font-family: Arial, sans-serif; +} +.render_table td { + font: 11px "Courier New", Courier, mono; + vertical-align: middle; +} + + diff --git a/RWT/fonts/webfontkit-20160322-043735/stylesheet.css b/RWT/fonts/webfontkit-20160322-043735/stylesheet.css new file mode 100644 index 0000000..46f028b --- /dev/null +++ b/RWT/fonts/webfontkit-20160322-043735/stylesheet.css @@ -0,0 +1,32 @@ +/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 22, 2016 */ + + + +@font-face { + font-family: 'robotolight'; + src: url('roboto-light-webfont.eot'); + src: url('roboto-light-webfont.eot?#iefix') format('embedded-opentype'), + url('roboto-light-webfont.woff2') format('woff2'), + url('roboto-light-webfont.woff') format('woff'), + url('roboto-light-webfont.ttf') format('truetype'), + url('roboto-light-webfont.svg#robotolight') format('svg'); + font-weight: normal; + font-style: normal; + +} + + + + +@font-face { + font-family: 'robotoregular'; + src: url('roboto-regular-webfont.eot'); + src: url('roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('roboto-regular-webfont.woff2') format('woff2'), + url('roboto-regular-webfont.woff') format('woff'), + url('roboto-regular-webfont.ttf') format('truetype'), + url('roboto-regular-webfont.svg#robotoregular') format('svg'); + font-weight: normal; + font-style: normal; + +} \ No newline at end of file diff --git a/RWT/icomoon/icomoon/Read Me.txt b/RWT/icomoon/icomoon/Read Me.txt new file mode 100644 index 0000000..8491652 --- /dev/null +++ b/RWT/icomoon/icomoon/Read Me.txt @@ -0,0 +1,7 @@ +Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures. + +To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/#docs/local-fonts + +You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects. + +You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection. diff --git a/RWT/icomoon/icomoon/demo-files/demo.css b/RWT/icomoon/icomoon/demo-files/demo.css new file mode 100644 index 0000000..b8c8b17 --- /dev/null +++ b/RWT/icomoon/icomoon/demo-files/demo.css @@ -0,0 +1,152 @@ +body { + padding: 0; + margin: 0; + font-family: sans-serif; + font-size: 1em; + line-height: 1.5; + color: #555; + background: #fff; +} +h1 { + font-size: 1.5em; + font-weight: normal; +} +small { + font-size: .66666667em; +} +a { + color: #e74c3c; + text-decoration: none; +} +a:hover, a:focus { + box-shadow: 0 1px #e74c3c; +} +.bshadow0, input { + box-shadow: inset 0 -2px #e7e7e7; +} +input:hover { + box-shadow: inset 0 -2px #ccc; +} +input, fieldset { + font-family: sans-serif; + font-size: 1em; + margin: 0; + padding: 0; + border: 0; +} +input { + color: inherit; + line-height: 1.5; + height: 1.5em; + padding: .25em 0; +} +input:focus { + outline: none; + box-shadow: inset 0 -2px #449fdb; +} +.glyph { + font-size: 16px; + width: 15em; + padding-bottom: 1em; + margin-right: 4em; + margin-bottom: 1em; + float: left; + overflow: hidden; +} +.liga { + width: 80%; + width: calc(100% - 2.5em); +} +.talign-right { + text-align: right; +} +.talign-center { + text-align: center; +} +.bgc1 { + background: #f1f1f1; +} +.fgc1 { + color: #999; +} +.fgc0 { + color: #000; +} +p { + margin-top: 1em; + margin-bottom: 1em; +} +.mvm { + margin-top: .75em; + margin-bottom: .75em; +} +.mtn { + margin-top: 0; +} +.mtl, .mal { + margin-top: 1.5em; +} +.mbl, .mal { + margin-bottom: 1.5em; +} +.mal, .mhl { + margin-left: 1.5em; + margin-right: 1.5em; +} +.mhmm { + margin-left: 1em; + margin-right: 1em; +} +.mls { + margin-left: .25em; +} +.ptl { + padding-top: 1.5em; +} +.pbs, .pvs { + padding-bottom: .25em; +} +.pvs, .pts { + padding-top: .25em; +} +.unit { + float: left; +} +.unitRight { + float: right; +} +.size1of2 { + width: 50%; +} +.size1of1 { + width: 100%; +} +.clearfix:before, .clearfix:after { + content: " "; + display: table; +} +.clearfix:after { + clear: both; +} +.hidden-true { + display: none; +} +.textbox0 { + width: 3em; + background: #f1f1f1; + padding: .25em .5em; + line-height: 1.5; + height: 1.5em; +} +#testDrive { + display: block; + padding-top: 24px; + line-height: 1.5; +} +.fs0 { + font-size: 16px; +} +.fs1 { + font-size: 32px; +} + diff --git a/RWT/icomoon/icomoon/demo-files/demo.js b/RWT/icomoon/icomoon/demo-files/demo.js new file mode 100644 index 0000000..6f45f1c --- /dev/null +++ b/RWT/icomoon/icomoon/demo-files/demo.js @@ -0,0 +1,30 @@ +if (!('boxShadow' in document.body.style)) { + document.body.setAttribute('class', 'noBoxShadow'); +} + +document.body.addEventListener("click", function(e) { + var target = e.target; + if (target.tagName === "INPUT" && + target.getAttribute('class').indexOf('liga') === -1) { + target.select(); + } +}); + +(function() { + var fontSize = document.getElementById('fontSize'), + testDrive = document.getElementById('testDrive'), + testText = document.getElementById('testText'); + function updateTest() { + testDrive.innerHTML = testText.value || String.fromCharCode(160); + if (window.icomoonLiga) { + window.icomoonLiga(testDrive); + } + } + function updateSize() { + testDrive.style.fontSize = fontSize.value + 'px'; + } + fontSize.addEventListener('change', updateSize, false); + testText.addEventListener('input', updateTest, false); + testText.addEventListener('change', updateTest, false); + updateSize(); +}()); diff --git a/RWT/icomoon/icomoon/demo.html b/RWT/icomoon/icomoon/demo.html new file mode 100644 index 0000000..2c8e349 --- /dev/null +++ b/RWT/icomoon/icomoon/demo.html @@ -0,0 +1,199 @@ + + + + + IcoMoon Demo + + + + + +
+

Font Name: icomoon (Glyphs: 10)

+
+
+

Grid Size: Unknown

+
+
+ + + + icon-arrows_move2 +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_plus +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_question +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_right_double-31 +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_rotate_anti_dashed +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_shrink_diagonal1 +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_sign_left +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_sign_right +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_slide_right1 +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_square_left +
+
+ + +
+
+ liga: + +
+
+
+ + +
+

Font Test Drive

+ + + +
  +
+
+ +
+

Generated by IcoMoon

+
+ + + + diff --git a/RWT/icomoon/icomoon/fonts/icomoon.eot b/RWT/icomoon/icomoon/fonts/icomoon.eot new file mode 100644 index 0000000..69b30f0 Binary files /dev/null and b/RWT/icomoon/icomoon/fonts/icomoon.eot differ diff --git a/RWT/icomoon/icomoon/fonts/icomoon.svg b/RWT/icomoon/icomoon/fonts/icomoon.svg new file mode 100644 index 0000000..95298d5 --- /dev/null +++ b/RWT/icomoon/icomoon/fonts/icomoon.svg @@ -0,0 +1,18 @@ + + + +Generated by IcoMoon + + + + + + + + + + + + + + \ No newline at end of file diff --git a/RWT/icomoon/icomoon/fonts/icomoon.ttf b/RWT/icomoon/icomoon/fonts/icomoon.ttf new file mode 100644 index 0000000..9a05c32 Binary files /dev/null and b/RWT/icomoon/icomoon/fonts/icomoon.ttf differ diff --git a/RWT/icomoon/icomoon/fonts/icomoon.woff b/RWT/icomoon/icomoon/fonts/icomoon.woff new file mode 100644 index 0000000..1cb4621 Binary files /dev/null and b/RWT/icomoon/icomoon/fonts/icomoon.woff differ diff --git a/RWT/icomoon/icomoon/selection.json b/RWT/icomoon/icomoon/selection.json new file mode 100644 index 0000000..40d816a --- /dev/null +++ b/RWT/icomoon/icomoon/selection.json @@ -0,0 +1,308 @@ +{ + "IcoMoonType": "selection", + "icons": [ + { + "icon": { + "paths": [], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_move2" + ] + }, + "attrs": [], + "properties": { + "order": 24, + "id": 9, + "prevSize": 32, + "code": 59648, + "name": "arrows_move2" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 10 + }, + { + "icon": { + "paths": [ + "M496 224v272h-272v32h272v272h32v-272h272v-32h-272v-272z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_plus" + ] + }, + "attrs": [], + "properties": { + "order": 4, + "id": 8, + "prevSize": 32, + "code": 59649, + "name": "arrows_plus" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 11 + }, + { + "icon": { + "paths": [ + "M512 0c-136.768 0-265.328 53.28-362.032 150-96.72 96.672-149.984 225.248-149.984 362s53.264 265.328 149.984 362.016c96.704 96.72 225.264 149.984 362.032 149.984 136.752 0 265.328-53.28 362.032-150 96.72-96.688 149.984-225.264 149.984-362.016s-53.264-265.328-149.984-362.016c-96.704-96.704-225.28-149.968-362.032-149.968zM851.408 851.392c-90.656 90.672-211.2 140.608-339.408 140.608-128.224 0-248.752-49.936-339.408-140.624-90.672-90.64-140.608-211.168-140.608-339.376s49.936-248.736 140.608-339.392c90.656-90.672 211.184-140.608 339.408-140.608 128.208 0 248.752 49.952 339.408 140.624 90.672 90.64 140.608 211.168 140.608 339.376s-49.936 248.736-140.608 339.392z", + "M464 688h32v64h-32v-64z", + "M512 240c-95.552 0-144 32.304-144 96h32c0-29.792 12.736-64 112-64 68.032 0 112 37.68 112 96 0 44.224-62.928 85.52-87.152 97.68-2.976 1.504-72.848 37.632-72.848 142.32v16h32v-16c0-84.144 52.992-112.576 55.152-113.68 4.288-2.144 104.848-53.28 104.848-126.32 0-75.36-59.216-128-144-128z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_question" + ] + }, + "attrs": [], + "properties": { + "order": 13, + "id": 7, + "prevSize": 32, + "code": 59650, + "name": "arrows_question" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 12 + }, + { + "icon": { + "paths": [ + "M484.688 251.312l260.688 260.688-260.688 260.688 24.976 22.624 274.336-272v-22.624l-274.336-272z", + "M544 500.688l-274.336-272-23.808 22.624 260.112 260.688-260.976 260.688 24.816 22.624 274.192-272z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_right_double-31" + ] + }, + "attrs": [], + "properties": { + "order": 6, + "id": 6, + "prevSize": 32, + "code": 59651, + "name": "arrows_right_double-31" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 13 + }, + { + "icon": { + "paths": [ + "M496 0c-10.88 0-22 0.368-33.024 1.088l2.112 31.936c10.288-0.688 20.592-1.024 30.912-1.024v-32z", + "M6.576 576.88l31.584-5.216c-3.488-21.072-5.504-42.672-6.016-64.144l-31.984 0.752c0.528 22.96 2.688 46.048 6.416 68.608z", + "M0.496 473.808l31.968 1.44c0.96-21.424 3.424-42.976 7.328-64.064l-31.472-5.808c-4.144 22.512-6.784 45.552-7.824 68.432z", + "M15.776 371.696l30.992 8c5.36-20.8 12.224-41.376 20.4-61.12l-29.584-12.224c-8.72 21.136-16.064 43.12-21.808 65.344z", + "M125.505 774.919l47.171 47.184-22.63 22.624-47.171-47.184 22.63-22.624z", + "M428.688 4.544c-22.704 3.104-45.408 7.808-67.44 14l8.656 30.816c20.624-5.792 41.856-10.208 63.104-13.088l-4.32-31.728z", + "M328.416 29.040c-21.6 7.728-42.816 17.040-63.088 27.712l14.896 28.32c18.96-9.952 38.8-18.672 58.976-25.904l-10.784-30.128z", + "M47.472 708.096c9.808 20.72 21.168 40.928 33.744 60.064l26.736-17.6c-11.776-17.888-22.384-36.784-31.568-56.16l-28.912 13.696z", + "M51.856 274.976l28.656 14.256c9.52-19.136 20.512-37.824 32.672-55.536l-26.368-18.128c-13.008 18.928-24.768 38.912-34.96 59.408z", + "M13.328 610.672c5.28 22.288 12.176 44.4 20.496 65.744l29.808-11.632c-7.792-19.968-14.24-40.656-19.168-61.504l-31.136 7.392z", + "M252.256 101.056l-16.848-27.216c-19.504 12.080-38.304 25.616-55.904 40.256l20.448 24.592c16.464-13.68 34.048-26.352 52.304-37.632z", + "M145.296 145.28c-13.44 13.456-26.224 27.76-37.984 42.56l25.056 19.904c11.008-13.84 22.96-27.248 35.584-39.872 2.624-2.64 5.264-5.2 7.936-7.744l-22.096-23.152c-2.864 2.72-5.712 5.504-8.496 8.304z", + "M528 992v32c10.88 0 22-0.368 33.024-1.088l-2.112-31.936c-10.288 0.688-20.592 1.024-30.912 1.024z", + "M990.16 347.584l-29.808 11.632c7.792 19.968 14.24 40.656 19.168 61.504l31.136-7.376c-5.264-22.304-12.16-44.416-20.496-65.76z", + "M1008.224 652.304l-30.992-8c-5.36 20.8-12.224 41.376-20.4 61.12l29.584 12.224c8.72-21.136 16.064-43.12 21.808-65.344z", + "M985.856 452.336c3.488 21.072 5.504 42.672 6.016 64.144l31.984-0.752c-0.544-22.976-2.704-46.048-6.432-68.608l-31.568 5.216z", + "M984.192 612.816l31.472 5.808c4.16-22.512 6.8-45.552 7.84-68.432l-31.968-1.44c-0.96 21.424-3.44 42.96-7.344 64.064z", + "M788.592 950.16c19.504-12.080 38.304-25.616 55.904-40.256l-20.448-24.592c-16.464 13.664-34.048 26.336-52.304 37.632l16.848 27.216z", + "M870.208 887.024c2.864-2.736 5.712-5.52 8.496-8.32 13.44-13.456 26.224-27.76 37.984-42.56l-25.056-19.904c-11.008 13.84-22.96 27.248-35.584 39.872-2.624 2.64-5.264 5.2-7.936 7.744l22.096 23.168z", + "M972.144 749.024l-28.656-14.256c-9.52 19.136-20.512 37.824-32.672 55.536l26.368 18.128c13.008-18.928 24.768-38.912 34.96-59.408z", + "M654.080 974.64c-20.624 5.792-41.856 10.208-63.104 13.088l4.336 31.712c22.704-3.104 45.408-7.808 67.44-14l-8.672-30.8z", + "M743.776 938.928c-18.96 9.952-38.8 18.672-58.976 25.904l10.784 30.128c21.6-7.728 42.816-17.040 63.088-27.712l-14.896-28.32z", + "M976.528 315.904c-9.808-20.72-21.168-40.928-33.744-60.064l-26.736 17.6c11.776 17.888 22.384 36.784 31.568 56.16l28.912-13.696z", + "M898.514 249.021l-47.171-47.184 22.63-22.624 47.171 47.184-22.63 22.624z", + "M32 864v32h176l16-16v-176h-32v146.752l-13.248 13.248z", + "M800 144v176h32v-146.752l13.248-13.248h146.752v-32h-176z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_rotate_anti_dashed" + ] + }, + "attrs": [], + "properties": { + "order": 7, + "id": 5, + "prevSize": 32, + "code": 59652, + "name": "arrows_rotate_anti_dashed" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 14 + }, + { + "icon": { + "paths": [ + "M27.312 580.688l-22.624 22.624 416 416 22.624-22.624-196.688-196.688 201.376-201.376v137.376h32v-176l-16-16h-176v32h137.376l-201.376 201.376z", + "M544 288v176l16 16h176v-32h-137.376l201.376-201.376 196.688 196.688 22.624-22.624-416-416-22.624 22.624 196.688 196.688-201.376 201.376v-137.376z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_shrink_diagonal1" + ] + }, + "attrs": [], + "properties": { + "order": 8, + "id": 4, + "prevSize": 32, + "code": 59653, + "name": "arrows_shrink_diagonal1" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 15 + }, + { + "icon": { + "paths": [], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_sign_left" + ] + }, + "attrs": [], + "properties": { + "order": 9, + "id": 3, + "prevSize": 32, + "code": 59654, + "name": "arrows_sign_left" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 16 + }, + { + "icon": { + "paths": [ + "M0 224v576h726.352l304.944-287.984-304.944-288.016h-726.352zM713.648 768h-681.648v-512h681.648l271.056 256.016-271.056 255.984z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_sign_right" + ] + }, + "attrs": [], + "properties": { + "order": 10, + "id": 2, + "prevSize": 32, + "code": 59655, + "name": "arrows_sign_right" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 17 + }, + { + "icon": { + "paths": [ + "M32 448h937.376l-116.688 116.688 24.976 22.624 146.336-144v-22.624l-146.336-144-23.808 22.624 115.52 116.688h-969.376v320h32z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_slide_right1" + ] + }, + "attrs": [], + "properties": { + "order": 11, + "id": 1, + "prevSize": 32, + "code": 59656, + "name": "arrows_slide_right1" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 18 + }, + { + "icon": { + "paths": [ + "M578.336 228.688l-274.336 272v22.624l274.336 272 23.808-22.624-260.112-260.688 259.808-260.688z", + "M0 1024h1024v-1024h-1024v1024zM32 32h960v960h-960v-960z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_square_left" + ] + }, + "attrs": [], + "properties": { + "order": 12, + "id": 0, + "prevSize": 32, + "code": 59657, + "name": "arrows_square_left" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 19 + } + ], + "height": 1024, + "metadata": { + "name": "icomoon" + }, + "preferences": { + "showGlyphs": true, + "showQuickUse": true, + "showQuickUse2": true, + "showSVGs": false, + "fontPref": { + "prefix": "icon-", + "metadata": { + "fontFamily": "icomoon", + "majorVersion": 1, + "minorVersion": 0 + }, + "metrics": { + "emSize": 1024, + "baseline": 6.25, + "whitespace": 50 + }, + "embed": false + }, + "imagePref": { + "prefix": "icon-", + "png": true, + "useClassSelector": true, + "color": 0, + "bgColor": 16777215, + "classSelector": ".icon", + "autoHost": true + }, + "historySize": 100, + "showCodes": true, + "gridSize": 16, + "quickUsageToken": {} + } +} \ No newline at end of file diff --git a/RWT/icomoon/icomoon/style.css b/RWT/icomoon/icomoon/style.css new file mode 100644 index 0000000..5f6570c --- /dev/null +++ b/RWT/icomoon/icomoon/style.css @@ -0,0 +1,57 @@ +@font-face { + font-family: 'icomoon'; + src: url('fonts/icomoon.eot?8eyfsm'); + src: url('fonts/icomoon.eot?8eyfsm#iefix') format('embedded-opentype'), + url('fonts/icomoon.ttf?8eyfsm') format('truetype'), + url('fonts/icomoon.woff?8eyfsm') format('woff'), + url('fonts/icomoon.svg?8eyfsm#icomoon') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="icon-"], [class*=" icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'icomoon' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-arrows_move2:before { + content: "\e900"; +} +.icon-arrows_plus:before { + content: "\e901"; +} +.icon-arrows_question:before { + content: "\e902"; +} +.icon-arrows_right_double-31:before { + content: "\e903"; +} +.icon-arrows_rotate_anti_dashed:before { + content: "\e904"; +} +.icon-arrows_shrink_diagonal1:before { + content: "\e905"; +} +.icon-arrows_sign_left:before { + content: "\e906"; +} +.icon-arrows_sign_right:before { + content: "\e907"; +} +.icon-arrows_slide_right1:before { + content: "\e908"; +} +.icon-arrows_square_left:before { + content: "\e909"; +} + diff --git a/RWT/images/Assignment1-HTML.pdf b/RWT/images/Assignment1-HTML.pdf new file mode 100644 index 0000000..fb13a66 Binary files /dev/null and b/RWT/images/Assignment1-HTML.pdf differ diff --git a/RWT/images/arrows_move2.svg b/RWT/images/arrows_move2.svg new file mode 100644 index 0000000..9479555 --- /dev/null +++ b/RWT/images/arrows_move2.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + diff --git a/RWT/images/arrows_plus.svg b/RWT/images/arrows_plus.svg new file mode 100644 index 0000000..a76a9a5 --- /dev/null +++ b/RWT/images/arrows_plus.svg @@ -0,0 +1,9 @@ + + + + + + + + diff --git a/RWT/images/arrows_question.svg b/RWT/images/arrows_question.svg new file mode 100644 index 0000000..ccabdb0 --- /dev/null +++ b/RWT/images/arrows_question.svg @@ -0,0 +1,17 @@ + + + + + + + + + + diff --git a/RWT/images/arrows_right_double-31.svg b/RWT/images/arrows_right_double-31.svg new file mode 100644 index 0000000..11d1767 --- /dev/null +++ b/RWT/images/arrows_right_double-31.svg @@ -0,0 +1,10 @@ + + + + + + + + + diff --git a/RWT/images/arrows_rotate_anti_dashed.svg b/RWT/images/arrows_rotate_anti_dashed.svg new file mode 100644 index 0000000..cb539d9 --- /dev/null +++ b/RWT/images/arrows_rotate_anti_dashed.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/RWT/images/arrows_shrink_diagonal1.svg b/RWT/images/arrows_shrink_diagonal1.svg new file mode 100644 index 0000000..600aa0e --- /dev/null +++ b/RWT/images/arrows_shrink_diagonal1.svg @@ -0,0 +1,12 @@ + + + + + + + + + diff --git a/RWT/images/arrows_sign_left.svg b/RWT/images/arrows_sign_left.svg new file mode 100644 index 0000000..6191e04 --- /dev/null +++ b/RWT/images/arrows_sign_left.svg @@ -0,0 +1,7 @@ + + + + + + diff --git a/RWT/images/arrows_sign_right.svg b/RWT/images/arrows_sign_right.svg new file mode 100644 index 0000000..bf3515d --- /dev/null +++ b/RWT/images/arrows_sign_right.svg @@ -0,0 +1,9 @@ + + + + + + + + diff --git a/RWT/images/arrows_slide_right1.svg b/RWT/images/arrows_slide_right1.svg new file mode 100644 index 0000000..63418cb --- /dev/null +++ b/RWT/images/arrows_slide_right1.svg @@ -0,0 +1,10 @@ + + + + + + + + diff --git a/RWT/images/arrows_square_left.svg b/RWT/images/arrows_square_left.svg new file mode 100644 index 0000000..ced9beb --- /dev/null +++ b/RWT/images/arrows_square_left.svg @@ -0,0 +1,10 @@ + + + + + + + + + diff --git a/RWT/images/banner.png b/RWT/images/banner.png new file mode 100644 index 0000000..af2b2cb Binary files /dev/null and b/RWT/images/banner.png differ diff --git a/RWT/images/logo.jpg b/RWT/images/logo.jpg new file mode 100644 index 0000000..be5f0f2 Binary files /dev/null and b/RWT/images/logo.jpg differ diff --git a/RWT/images/resourse1.png b/RWT/images/resourse1.png new file mode 100644 index 0000000..ed92914 Binary files /dev/null and b/RWT/images/resourse1.png differ diff --git a/RWT/images/resourse2.png b/RWT/images/resourse2.png new file mode 100644 index 0000000..93ba90c Binary files /dev/null and b/RWT/images/resourse2.png differ diff --git a/RWT/images/resourse3.png b/RWT/images/resourse3.png new file mode 100644 index 0000000..fa7efa7 Binary files /dev/null and b/RWT/images/resourse3.png differ diff --git a/RWT/index.html b/RWT/index.html new file mode 100644 index 0000000..f6bff9a --- /dev/null +++ b/RWT/index.html @@ -0,0 +1,181 @@ + + + + + + IMC Home Page + + + + + + + + + +
+
+
+
    + +
    • +
    • +
    • +
+
+
+ logo +
+
+ Banner View +
+ +
+
+ +
+
+
+

Welcome to IMC

+

That’s just what we are all about – integration of the marketing communication process, so as to be + able to deliver to our clients – super efficient solutions - every single time.

+ +

We are not all about advertising, public relations, event management, sales promotion, direct marketing + – yet we are just all of that. The only difference though is the way we approach it – for us, these + are tools tha t we use to be able to achieve the objective that YOU define to us. + I have worked in various of these “tool segments” over the last few years, and the one thing that + struck me everytime I approached to address a client’s requirement, I always felt there was something + missing. As an event manager, my only solution to all my clients banes were “event – it will help + you” – as a PR manager, public relation was manna the skies sent down.

+ +

With over 40 cumulative years of experience, we have both the domain knowledge about the products + and services we handle as well as in-house expertise

+ + +
Meera Raman Director, Consumer Marketing Practice IMC Terminu
+ +
+ + + + + +
+
+ +
+ Banner View
Caption 1
+
+ +
+ Banner View
Caption 2
+
+ + +
+ Banner View
Caption 3
+
+ +
+ +
+ + \ No newline at end of file diff --git a/SASS/Assignment2-CSS.pdf b/SASS/Assignment2-CSS.pdf new file mode 100644 index 0000000..74a7b4f Binary files /dev/null and b/SASS/Assignment2-CSS.pdf differ diff --git a/SASS/css/clear.css b/SASS/css/clear.css new file mode 100644 index 0000000..af94440 --- /dev/null +++ b/SASS/css/clear.css @@ -0,0 +1,48 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} \ No newline at end of file diff --git a/SASS/css/icons.css b/SASS/css/icons.css new file mode 100644 index 0000000..a912bc4 --- /dev/null +++ b/SASS/css/icons.css @@ -0,0 +1,51 @@ +.icon-arrows_move2:before { + content: "\e900"; + color:#7d7d7d; + font-size: 55px; +} +.icon-arrows_plus:before { + content: "\e901"; + color:#7d7d7d; + font-size: 55px; +} +.icon-arrows_question:before { + content: "\e902"; + color:#7d7d7d; + font-size: 55px; +} +.icon-arrows_right_double-31:before { + content: "\e903"; + color:#7d7d7d; + font-size: 55px; +} +.icon-arrows_rotate_anti_dashed:before { + content: "\e904"; + color:#7d7d7d; + font-size: 55px; +} +.icon-arrows_shrink_diagonal1:before { + content: "\e905"; + color:#7d7d7d; + font-size: 55px; + +} +.icon-arrows_sign_left:before { + content: "\e906"; + color:#a5b6c4; + font-size: 18px; +} +.icon-arrows_sign_right:before { + content: "\e907"; + color:#a5b6c4; + font-size: 18px; +} +.icon-arrows_slide_right1:before { + content: "\e908"; + color:#a5b6c4; + font-size: 18px; +} +.icon-arrows_square_left:before { + content: "\e909"; + color:#a5b6c4; + font-size: 18px; +} \ No newline at end of file diff --git a/SASS/css/mediumdevice.css b/SASS/css/mediumdevice.css new file mode 100644 index 0000000..e1da32a --- /dev/null +++ b/SASS/css/mediumdevice.css @@ -0,0 +1,63 @@ + + @media(max-width:900px) and (min-width:501px) + { + .wrapper{ + overflow:hidden; + } + .svg-icons{ + overflow: auto; + } + .logoimg{ + padding-top: 36px; + } + + .svg-icons ul{ + float:left; + } + .mid-wrapper{ + overflow:hidden; + } + .content{ + padding: 0 10px 0 0; + } + .content { + + width: 50%; + float: left; + + } + + .righ-nav{ + width: 34%; + float: left; + padding: 0 15px; + margin: 0px 15px 15px 0px; + } + + .imgcaption{ + float:none; + width:auto; + } + .services{ + + float: left; + width: 30%; + + } + footer section{ + float: left; + width: 25%; + + } + .contact-info input{ + border-radius: 10px; + width: 86%; + font-size: 8px; + background: #c6c6c6; + border: none; + height: 30px; + } +}​ + + + diff --git a/SASS/css/style.css b/SASS/css/style.css new file mode 100644 index 0000000..b3543e6 --- /dev/null +++ b/SASS/css/style.css @@ -0,0 +1,269 @@ +body { + width: 95%; + margin: 15px auto; + font-family: 'robotoregular', Arial, sans-serif; +} + +header { + overflow: auto; + overflow-y: hidden; +} + +.logowrapper { + width: 20%; + box-sizing: border-box; + float: left; +} + +.logoimg { + padding-top: 80px; + width: 100%; +} + +.bannerwrapper { + width: 80%; + box-sizing: border-box; + float: left; +} + +.bannerimg { + width: 100%; +} + +.svg-icons { + overflow: auto; +} +.svg-icons ul { + float: right; +} +.svg-icons ul li { + display: inline-block; + padding: 10px 10px; +} + +.topnav { + font-family: 'robotolight', Arial, sans-serif; + font-weight: bold; + clear: both; + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + background: transparent linear-gradient(white, white, white, #D3D3D3) repeat scroll 0 0; +} +.topnav li { + padding: 10px 2px; + float: left; + margin: 0 8px; +} +.topnav li a { + padding: 14px 28px; + display: inline-block; + color: grey; + font-size: 16px; + text-align: center; + padding: 14px 16px; + text-decoration: none; +} +.topnav li a:hover { + color: #cd2e27; +} + +.content { + font-family: 'robotoregular', Arial, sans-serif; + width: 75%; + float: left; + margin: 0px 15px 15px 15px; + padding-left: 20px; + line-height: 20px; +} +.content h1 { + margin: 15px 0; + color: #cd2e27; + font-size: 18px; +} +.content p { + margin: 10px 0; +} + +.signature { + color: #4c9d68; +} + +.righ-nav { + width: 18%; + float: right; + margin: 18px 15px 15px 15px; +} + +.captionwrapper { + float: left; + width: 98%; + margin: 20px; + color: #c6c6c6; +} + +.imgcaption { + float: left; + padding: 15px; + width: 30%; + text-align: center; +} +.imgcaption img { + width: 220px; + border-radius: 50%; + height: 220px; +} + +.captionImg li { + float: left; + width: 40%; +} + +input[type="text"] { + height: 20px; + border: 1px solid #d76f6c; +} + +big { + display: block; +} + +button { + height: 26px; + color: #d76f6c; + background: #f5f5f5; + border: 1px solid #d76f6c; +} + +.footer-btn { + color: #fff; + width: 100px; + height: 40px; + float: right; + border-radius: 16px; + border: none; + margin: 0; + background-image: -o-linear-gradient(bottom, #08597F 0%, #07587b 100%); + background-image: -moz-linear-gradient(bottom, #08597F 0%, #07587b 100%); + background-image: -webkit-linear-gradient(bottom, #08597F 0%, #07587b 100%); + background-image: -ms-linear-gradient(bottom, #08597F 0%, #07587b 100%); + background-image: linear-gradient(to bottom, #08597F 0%, #07587b 100%); +} + +table { + width: 350px; +} +table button { + background: #07587b; + color: #fff; + width: 25%; + height: 26px; + float: right; + border-radius: 8px; + height: 26px; + border: none; + margin-right: 10px; +} + +.nav-list { + margin-top: 10px; +} +.nav-list ul li { + padding: 10px; + border-bottom: 2px solid black; + border-color: grey; + width: 85%; + border-style: dashed; +} + +.mid-wrapper { + overflow: auto; +} + +.services { + clear: both; +} + +footer { + font-family: 'robotoregular', Arial, sans-serif !important; + overflow: auto; + overflow-x: hidden; + clear: both; + background: #58595b; + padding: 16px; +} +footer h5 { + color: #fff; + font-size: 18px; + padding: 16px 0; +} +footer ul li { + color: #828182; + padding: 5px 0; + font-weight: bold; + line-height: 18px; +} +footer section { + padding: 16px; + width: 30%; + float: left; +} + +.contact-info { + margin: 0; +} +.contact-info input { + border-radius: 10px; + width: 100%; + background: #c6c6c6; + border: none; + height: 30px; +} + +table tr { + padding: 10px 0; +} +table tr td:first-child { + color: #949293; +} + +input::-webkit-input-placeholder { + color: #000; + padding-left: 10px; +} + +input:-moz-placeholder { + color: #000; + padding-left: 10px; +} + +input::-moz-placeholder { + color: #000; + padding-left: 10px; +} + +input:-ms-input-placeholder { + color: #000; + padding-left: 10px; +} + +table tr td { + padding: 5px 5px; +} +table tr td :nth-child(2) { + width: 100%; +} + +.footer-nav { + text-align: center; + width: 100%; +} +.footer-nav ul li { + display: inline-block; + border-right: 1px solid #949293; + padding-right: 5px; +} +.footer-nav li:last-child { + border-right: none; +} diff --git a/SASS/css/typo.css b/SASS/css/typo.css new file mode 100644 index 0000000..aa1fbdc --- /dev/null +++ b/SASS/css/typo.css @@ -0,0 +1,25 @@ +@font-face { + font-family: 'icomoon'; + src: url('../fonts/icomoon.eot?8eyfsm'); + src: url('../fonts/icomoon.eot?8eyfsm#iefix') format('embedded-opentype'), + url('../fonts/icomoon.ttf?8eyfsm') format('truetype'), + url('../fonts/icomoon.woff?8eyfsm') format('woff'), + url('../fonts/icomoon.svg?8eyfsm#icomoon') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="icon-"], [class*=" icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'icomoon' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} \ No newline at end of file diff --git a/SASS/fonts/Roboto-Light.ttf b/SASS/fonts/Roboto-Light.ttf new file mode 100644 index 0000000..aa45340 Binary files /dev/null and b/SASS/fonts/Roboto-Light.ttf differ diff --git a/SASS/fonts/Roboto-Regular.ttf b/SASS/fonts/Roboto-Regular.ttf new file mode 100644 index 0000000..0e58508 Binary files /dev/null and b/SASS/fonts/Roboto-Regular.ttf differ diff --git a/SASS/fonts/icomoon.eot b/SASS/fonts/icomoon.eot new file mode 100644 index 0000000..69b30f0 Binary files /dev/null and b/SASS/fonts/icomoon.eot differ diff --git a/SASS/fonts/icomoon.svg b/SASS/fonts/icomoon.svg new file mode 100644 index 0000000..95298d5 --- /dev/null +++ b/SASS/fonts/icomoon.svg @@ -0,0 +1,18 @@ + + + +Generated by IcoMoon + + + + + + + + + + + + + + \ No newline at end of file diff --git a/SASS/fonts/icomoon.ttf b/SASS/fonts/icomoon.ttf new file mode 100644 index 0000000..9a05c32 Binary files /dev/null and b/SASS/fonts/icomoon.ttf differ diff --git a/SASS/fonts/icomoon.woff b/SASS/fonts/icomoon.woff new file mode 100644 index 0000000..1cb4621 Binary files /dev/null and b/SASS/fonts/icomoon.woff differ diff --git a/SASS/fonts/webfontkit-20160322-043735/generator_config.txt b/SASS/fonts/webfontkit-20160322-043735/generator_config.txt new file mode 100644 index 0000000..47dd036 --- /dev/null +++ b/SASS/fonts/webfontkit-20160322-043735/generator_config.txt @@ -0,0 +1,5 @@ +# Font Squirrel Font-face Generator Configuration File +# Upload this file to the generator to recreate the settings +# you used to create these fonts. + +{"mode":"optimal","formats":["ttf","woff","woff2","eotz"],"tt_instructor":"default","fix_gasp":"xy","fix_vertical_metrics":"Y","metrics_ascent":"","metrics_descent":"","metrics_linegap":"","add_spaces":"Y","add_hyphens":"Y","fallback":"none","fallback_custom":"100","options_subset":"basic","subset_custom":"","subset_custom_range":"","subset_ot_features_list":"","css_stylesheet":"stylesheet.css","filename_suffix":"-webfont","emsquare":"2048","spacing_adjustment":"0"} \ No newline at end of file diff --git a/SASS/fonts/webfontkit-20160322-043735/roboto-light-demo.html b/SASS/fonts/webfontkit-20160322-043735/roboto-light-demo.html new file mode 100644 index 0000000..b6e1adf --- /dev/null +++ b/SASS/fonts/webfontkit-20160322-043735/roboto-light-demo.html @@ -0,0 +1,616 @@ + + + + + + + + + + + + + Roboto Light Specimen + + + + + + +
+ + + +
+ + +
+ +
+
+
AaBb
+
+
+ +
+
A​B​C​D​E​F​G​H​I​J​K​L​M​N​O​P​Q​R​S​T​U​V​W​X​Y​Z​a​b​c​d​e​f​g​h​i​j​k​l​m​n​o​p​q​r​s​t​u​v​w​x​y​z​1​2​3​4​5​6​7​8​9​0​&​.​,​?​!​@​(​)​#​$​%​*​+​-​=​:​;
+
+
+
+ + + + + + + + + + + + + + + + +
10abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
11abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
12abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
13abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
14abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
16abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
18abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
20abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
24abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
30abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
36abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
48abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
60abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
72abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
90abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
+ +
+ +
+ + + +
+ + +
+
◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼body
body
body
body
+
+ bodyRoboto Light +
+
+ bodyArial +
+
+ bodyVerdana +
+
+ bodyGeorgia +
+ + + +
+ + +
+ +
+

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+
+
+

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+ +
+ +
+ +
+
+

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+ +
+ +
+ +
+
+

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+ +
+ + + +
+
+

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+ +
+
+

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+ +
+
+

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+ +
+ +
+ +
+
+

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+ +
+ + + + +
+ +
+ +
+ +
+

Lorem Ipsum Dolor

+

Etiam porta sem malesuada magna mollis euismod

+ +

By Aenean Lacinia

+
+
+
+
+

Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ + +

Pellentesque ornare sem

+ +

Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit.

+ +

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

+ +

Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur.

+ +

Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.

+ +

Cras mattis consectetur

+ +

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum.

+ +

Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.

+
+ +
+ +
+

Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+ +

Maecenas sed diam eget risus varius.

+ +

Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ + + +

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo.

+ +

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ +
+
+ +
+ + + + + + +
+
+
+ +

Language Support

+

The subset of Roboto Light in this kit supports the following languages:
+ + Albanian, Basque, Breton, Chamorro, Danish, Dutch, English, Faroese, Finnish, French, Frisian, Galician, German, Icelandic, Italian, Malagasy, Norwegian, Portuguese, Spanish, Swedish

+

Glyph Chart

+

The subset of Roboto Light in this kit includes all the glyphs listed below. Unicode entities are included above each glyph to help you insert individual characters into your layout.

+
+ +

&#2;


+

&#9;

+

&#13;

+

&#32;

+

&#33;

!
+

&#34;

"
+

&#35;

#
+

&#36;

$
+

&#37;

%
+

&#38;

&
+

&#39;

'
+

&#40;

(
+

&#41;

)
+

&#42;

*
+

&#43;

+
+

&#44;

,
+

&#45;

-
+

&#46;

.
+

&#47;

/
+

&#48;

0
+

&#49;

1
+

&#50;

2
+

&#51;

3
+

&#52;

4
+

&#53;

5
+

&#54;

6
+

&#55;

7
+

&#56;

8
+

&#57;

9
+

&#58;

:
+

&#59;

;
+

&#60;

<
+

&#61;

=
+

&#62;

>
+

&#63;

?
+

&#64;

@
+

&#65;

A
+

&#66;

B
+

&#67;

C
+

&#68;

D
+

&#69;

E
+

&#70;

F
+

&#71;

G
+

&#72;

H
+

&#73;

I
+

&#74;

J
+

&#75;

K
+

&#76;

L
+

&#77;

M
+

&#78;

N
+

&#79;

O
+

&#80;

P
+

&#81;

Q
+

&#82;

R
+

&#83;

S
+

&#84;

T
+

&#85;

U
+

&#86;

V
+

&#87;

W
+

&#88;

X
+

&#89;

Y
+

&#90;

Z
+

&#91;

[
+

&#92;

\
+

&#93;

]
+

&#94;

^
+

&#95;

_
+

&#96;

`
+

&#97;

a
+

&#98;

b
+

&#99;

c
+

&#100;

d
+

&#101;

e
+

&#102;

f
+

&#103;

g
+

&#104;

h
+

&#105;

i
+

&#106;

j
+

&#107;

k
+

&#108;

l
+

&#109;

m
+

&#110;

n
+

&#111;

o
+

&#112;

p
+

&#113;

q
+

&#114;

r
+

&#115;

s
+

&#116;

t
+

&#117;

u
+

&#118;

v
+

&#119;

w
+

&#120;

x
+

&#121;

y
+

&#122;

z
+

&#123;

{
+

&#124;

|
+

&#125;

}
+

&#126;

~
+

&#160;

 
+

&#161;

¡
+

&#162;

¢
+

&#163;

£
+

&#164;

¤
+

&#165;

¥
+

&#166;

¦
+

&#167;

§
+

&#168;

¨
+

&#169;

©
+

&#170;

ª
+

&#171;

«
+

&#172;

¬
+

&#173;

­
+

&#174;

®
+

&#175;

¯
+

&#176;

°
+

&#177;

±
+

&#178;

²
+

&#179;

³
+

&#180;

´
+

&#181;

µ
+

&#182;

+

&#183;

·
+

&#184;

¸
+

&#185;

¹
+

&#186;

º
+

&#187;

»
+

&#188;

¼
+

&#189;

½
+

&#190;

¾
+

&#191;

¿
+

&#192;

À
+

&#193;

Á
+

&#194;

Â
+

&#195;

Ã
+

&#196;

Ä
+

&#197;

Å
+

&#198;

Æ
+

&#199;

Ç
+

&#200;

È
+

&#201;

É
+

&#202;

Ê
+

&#203;

Ë
+

&#204;

Ì
+

&#205;

Í
+

&#206;

Î
+

&#207;

Ï
+

&#208;

Ð
+

&#209;

Ñ
+

&#210;

Ò
+

&#211;

Ó
+

&#212;

Ô
+

&#213;

Õ
+

&#214;

Ö
+

&#215;

×
+

&#216;

Ø
+

&#217;

Ù
+

&#218;

Ú
+

&#219;

Û
+

&#220;

Ü
+

&#221;

Ý
+

&#222;

Þ
+

&#223;

ß
+

&#224;

à
+

&#225;

á
+

&#226;

â
+

&#227;

ã
+

&#228;

ä
+

&#229;

å
+

&#230;

æ
+

&#231;

ç
+

&#232;

è
+

&#233;

é
+

&#234;

ê
+

&#235;

ë
+

&#236;

ì
+

&#237;

í
+

&#238;

î
+

&#239;

ï
+

&#240;

ð
+

&#241;

ñ
+

&#242;

ò
+

&#243;

ó
+

&#244;

ô
+

&#245;

õ
+

&#246;

ö
+

&#247;

÷
+

&#248;

ø
+

&#249;

ù
+

&#250;

ú
+

&#251;

û
+

&#252;

ü
+

&#253;

ý
+

&#254;

þ
+

&#255;

ÿ
+

&#338;

Œ
+

&#339;

œ
+

&#376;

Ÿ
+

&#710;

ˆ
+

&#732;

˜
+

&#8192;

 
+

&#8193;

 
+

&#8194;

 
+

&#8195;

 
+

&#8196;

 
+

&#8197;

 
+

&#8198;

 
+

&#8199;

 
+

&#8200;

 
+

&#8201;

 
+

&#8202;

 
+

&#8208;

‐
+

&#8209;

‑
+

&#8210;

‒
+

&#8211;

–
+

&#8212;

—
+

&#8216;

‘
+

&#8217;

’
+

&#8218;

‚
+

&#8220;

“
+

&#8221;

”
+

&#8222;

„
+

&#8226;

•
+

&#8230;

…
+

&#8239;

 
+

&#8249;

‹
+

&#8250;

›
+

&#8287;

 
+

&#8364;

€
+

&#8482;

™
+

&#9724;

◼
+

&#64257;

fi
+

&#64258;

fl
+

&#64259;

ffi
+

&#64260;

ffl
+
+
+ + +
+
+ + +
+ +
+ +
+
+
+

Installing Webfonts

+ +

Webfonts are supported by all major browser platforms but not all in the same way. There are currently four different font formats that must be included in order to target all browsers. This includes TTF, WOFF, EOT and SVG.

+ +

1. Upload your webfonts

+

You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.

+ +

2. Include the webfont stylesheet

+

A special CSS @font-face declaration helps the various browsers select the appropriate font it needs without causing you a bunch of headaches. Learn more about this syntax by reading the Fontspring blog post about it. The code for it is as follows:

+ + + +@font-face{ + font-family: 'MyWebFont'; + src: url('WebFont.eot'); + src: url('WebFont.eot?#iefix') format('embedded-opentype'), + url('WebFont.woff') format('woff'), + url('WebFont.ttf') format('truetype'), + url('WebFont.svg#webfont') format('svg'); +} + + +

We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:

+ <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" /> + +

3. Modify your own stylesheet

+

To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the original @font-face declaration above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:

+p { font-family: 'WebFont', Arial, sans-serif; } + +

4. Test

+

Getting webfonts to work cross-browser can be tricky. Use the information in the sidebar to help you if you find that fonts aren't loading in a particular browser.

+
+ +
+
+

Troubleshooting
Font-Face Problems

+

Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.

+ +

Fonts not showing in any browser

+ +

This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a look at your .htaccess file and see if requests are getting intercepted.

+ +

Fonts not loading in iPhone or iPad

+ +

The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings. Follow these instructions from Microsoft if you need help.

+ +

Fonts not loading in Firefox

+ +

The primary reason for this failure? You are still using a version Firefox older than 3.5. So upgrade already! If that isn't it, then you are very likely serving fonts from a different domain. Firefox requires that all font assets be served from the same domain. Lastly it is possible that you need to add WOFF to your list of MIME types (if you are serving via IIS.)

+ +

Fonts not loading in IE

+ +

Are you looking at Internet Explorer on an actual Windows machine or are you cheating by using a service like Adobe BrowserLab? Many of these screenshot services do not render @font-face for IE. Best to test it on a real machine.

+ +

Fonts not loading in IE9

+ +

IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.

+
+
+
+ +
+ +
+ +
+ + diff --git a/SASS/fonts/webfontkit-20160322-043735/roboto-light-webfont.eot b/SASS/fonts/webfontkit-20160322-043735/roboto-light-webfont.eot new file mode 100644 index 0000000..abe08b0 Binary files /dev/null and b/SASS/fonts/webfontkit-20160322-043735/roboto-light-webfont.eot differ diff --git a/SASS/fonts/webfontkit-20160322-043735/roboto-light-webfont.svg b/SASS/fonts/webfontkit-20160322-043735/roboto-light-webfont.svg new file mode 100644 index 0000000..faa0b25 --- /dev/null +++ b/SASS/fonts/webfontkit-20160322-043735/roboto-light-webfont.svg @@ -0,0 +1,666 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/SASS/fonts/webfontkit-20160322-043735/roboto-light-webfont.ttf b/SASS/fonts/webfontkit-20160322-043735/roboto-light-webfont.ttf new file mode 100644 index 0000000..c93a5f5 Binary files /dev/null and b/SASS/fonts/webfontkit-20160322-043735/roboto-light-webfont.ttf differ diff --git a/SASS/fonts/webfontkit-20160322-043735/roboto-light-webfont.woff b/SASS/fonts/webfontkit-20160322-043735/roboto-light-webfont.woff new file mode 100644 index 0000000..29cc079 Binary files /dev/null and b/SASS/fonts/webfontkit-20160322-043735/roboto-light-webfont.woff differ diff --git a/SASS/fonts/webfontkit-20160322-043735/roboto-light-webfont.woff2 b/SASS/fonts/webfontkit-20160322-043735/roboto-light-webfont.woff2 new file mode 100644 index 0000000..b09382b Binary files /dev/null and b/SASS/fonts/webfontkit-20160322-043735/roboto-light-webfont.woff2 differ diff --git a/SASS/fonts/webfontkit-20160322-043735/roboto-regular-demo.html b/SASS/fonts/webfontkit-20160322-043735/roboto-regular-demo.html new file mode 100644 index 0000000..502dcce --- /dev/null +++ b/SASS/fonts/webfontkit-20160322-043735/roboto-regular-demo.html @@ -0,0 +1,616 @@ + + + + + + + + + + + + + Roboto Regular Specimen + + + + + + +
+ + + +
+ + +
+ +
+
+
AaBb
+
+
+ +
+
A​B​C​D​E​F​G​H​I​J​K​L​M​N​O​P​Q​R​S​T​U​V​W​X​Y​Z​a​b​c​d​e​f​g​h​i​j​k​l​m​n​o​p​q​r​s​t​u​v​w​x​y​z​1​2​3​4​5​6​7​8​9​0​&​.​,​?​!​@​(​)​#​$​%​*​+​-​=​:​;
+
+
+
+ + + + + + + + + + + + + + + + +
10abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
11abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
12abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
13abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
14abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
16abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
18abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
20abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
24abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
30abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
36abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
48abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
60abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
72abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
90abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
+ +
+ +
+ + + +
+ + +
+
◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼body
body
body
body
+
+ bodyRoboto Regular +
+
+ bodyArial +
+
+ bodyVerdana +
+
+ bodyGeorgia +
+ + + +
+ + +
+ +
+

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+
+
+

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+ +
+ +
+ +
+
+

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+ +
+ +
+ +
+
+

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+ +
+ + + +
+
+

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+ +
+
+

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+ +
+
+

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+ +
+ +
+ +
+
+

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+ +
+ + + + +
+ +
+ +
+ +
+

Lorem Ipsum Dolor

+

Etiam porta sem malesuada magna mollis euismod

+ +

By Aenean Lacinia

+
+
+
+
+

Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ + +

Pellentesque ornare sem

+ +

Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit.

+ +

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

+ +

Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur.

+ +

Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.

+ +

Cras mattis consectetur

+ +

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum.

+ +

Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.

+
+ +
+ +
+

Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+ +

Maecenas sed diam eget risus varius.

+ +

Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ + + +

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo.

+ +

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ +
+
+ +
+ + + + + + +
+
+
+ +

Language Support

+

The subset of Roboto Regular in this kit supports the following languages:
+ + Albanian, Basque, Breton, Chamorro, Danish, Dutch, English, Faroese, Finnish, French, Frisian, Galician, German, Icelandic, Italian, Malagasy, Norwegian, Portuguese, Spanish, Swedish

+

Glyph Chart

+

The subset of Roboto Regular in this kit includes all the glyphs listed below. Unicode entities are included above each glyph to help you insert individual characters into your layout.

+
+ +

&#2;


+

&#9;

+

&#13;

+

&#32;

+

&#33;

!
+

&#34;

"
+

&#35;

#
+

&#36;

$
+

&#37;

%
+

&#38;

&
+

&#39;

'
+

&#40;

(
+

&#41;

)
+

&#42;

*
+

&#43;

+
+

&#44;

,
+

&#45;

-
+

&#46;

.
+

&#47;

/
+

&#48;

0
+

&#49;

1
+

&#50;

2
+

&#51;

3
+

&#52;

4
+

&#53;

5
+

&#54;

6
+

&#55;

7
+

&#56;

8
+

&#57;

9
+

&#58;

:
+

&#59;

;
+

&#60;

<
+

&#61;

=
+

&#62;

>
+

&#63;

?
+

&#64;

@
+

&#65;

A
+

&#66;

B
+

&#67;

C
+

&#68;

D
+

&#69;

E
+

&#70;

F
+

&#71;

G
+

&#72;

H
+

&#73;

I
+

&#74;

J
+

&#75;

K
+

&#76;

L
+

&#77;

M
+

&#78;

N
+

&#79;

O
+

&#80;

P
+

&#81;

Q
+

&#82;

R
+

&#83;

S
+

&#84;

T
+

&#85;

U
+

&#86;

V
+

&#87;

W
+

&#88;

X
+

&#89;

Y
+

&#90;

Z
+

&#91;

[
+

&#92;

\
+

&#93;

]
+

&#94;

^
+

&#95;

_
+

&#96;

`
+

&#97;

a
+

&#98;

b
+

&#99;

c
+

&#100;

d
+

&#101;

e
+

&#102;

f
+

&#103;

g
+

&#104;

h
+

&#105;

i
+

&#106;

j
+

&#107;

k
+

&#108;

l
+

&#109;

m
+

&#110;

n
+

&#111;

o
+

&#112;

p
+

&#113;

q
+

&#114;

r
+

&#115;

s
+

&#116;

t
+

&#117;

u
+

&#118;

v
+

&#119;

w
+

&#120;

x
+

&#121;

y
+

&#122;

z
+

&#123;

{
+

&#124;

|
+

&#125;

}
+

&#126;

~
+

&#160;

 
+

&#161;

¡
+

&#162;

¢
+

&#163;

£
+

&#164;

¤
+

&#165;

¥
+

&#166;

¦
+

&#167;

§
+

&#168;

¨
+

&#169;

©
+

&#170;

ª
+

&#171;

«
+

&#172;

¬
+

&#173;

­
+

&#174;

®
+

&#175;

¯
+

&#176;

°
+

&#177;

±
+

&#178;

²
+

&#179;

³
+

&#180;

´
+

&#181;

µ
+

&#182;

+

&#183;

·
+

&#184;

¸
+

&#185;

¹
+

&#186;

º
+

&#187;

»
+

&#188;

¼
+

&#189;

½
+

&#190;

¾
+

&#191;

¿
+

&#192;

À
+

&#193;

Á
+

&#194;

Â
+

&#195;

Ã
+

&#196;

Ä
+

&#197;

Å
+

&#198;

Æ
+

&#199;

Ç
+

&#200;

È
+

&#201;

É
+

&#202;

Ê
+

&#203;

Ë
+

&#204;

Ì
+

&#205;

Í
+

&#206;

Î
+

&#207;

Ï
+

&#208;

Ð
+

&#209;

Ñ
+

&#210;

Ò
+

&#211;

Ó
+

&#212;

Ô
+

&#213;

Õ
+

&#214;

Ö
+

&#215;

×
+

&#216;

Ø
+

&#217;

Ù
+

&#218;

Ú
+

&#219;

Û
+

&#220;

Ü
+

&#221;

Ý
+

&#222;

Þ
+

&#223;

ß
+

&#224;

à
+

&#225;

á
+

&#226;

â
+

&#227;

ã
+

&#228;

ä
+

&#229;

å
+

&#230;

æ
+

&#231;

ç
+

&#232;

è
+

&#233;

é
+

&#234;

ê
+

&#235;

ë
+

&#236;

ì
+

&#237;

í
+

&#238;

î
+

&#239;

ï
+

&#240;

ð
+

&#241;

ñ
+

&#242;

ò
+

&#243;

ó
+

&#244;

ô
+

&#245;

õ
+

&#246;

ö
+

&#247;

÷
+

&#248;

ø
+

&#249;

ù
+

&#250;

ú
+

&#251;

û
+

&#252;

ü
+

&#253;

ý
+

&#254;

þ
+

&#255;

ÿ
+

&#338;

Œ
+

&#339;

œ
+

&#376;

Ÿ
+

&#710;

ˆ
+

&#732;

˜
+

&#8192;

 
+

&#8193;

 
+

&#8194;

 
+

&#8195;

 
+

&#8196;

 
+

&#8197;

 
+

&#8198;

 
+

&#8199;

 
+

&#8200;

 
+

&#8201;

 
+

&#8202;

 
+

&#8208;

‐
+

&#8209;

‑
+

&#8210;

‒
+

&#8211;

–
+

&#8212;

—
+

&#8216;

‘
+

&#8217;

’
+

&#8218;

‚
+

&#8220;

“
+

&#8221;

”
+

&#8222;

„
+

&#8226;

•
+

&#8230;

…
+

&#8239;

 
+

&#8249;

‹
+

&#8250;

›
+

&#8287;

 
+

&#8364;

€
+

&#8482;

™
+

&#9724;

◼
+

&#64257;

fi
+

&#64258;

fl
+

&#64259;

ffi
+

&#64260;

ffl
+
+
+ + +
+
+ + +
+ +
+ +
+
+
+

Installing Webfonts

+ +

Webfonts are supported by all major browser platforms but not all in the same way. There are currently four different font formats that must be included in order to target all browsers. This includes TTF, WOFF, EOT and SVG.

+ +

1. Upload your webfonts

+

You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.

+ +

2. Include the webfont stylesheet

+

A special CSS @font-face declaration helps the various browsers select the appropriate font it needs without causing you a bunch of headaches. Learn more about this syntax by reading the Fontspring blog post about it. The code for it is as follows:

+ + + +@font-face{ + font-family: 'MyWebFont'; + src: url('WebFont.eot'); + src: url('WebFont.eot?#iefix') format('embedded-opentype'), + url('WebFont.woff') format('woff'), + url('WebFont.ttf') format('truetype'), + url('WebFont.svg#webfont') format('svg'); +} + + +

We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:

+ <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" /> + +

3. Modify your own stylesheet

+

To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the original @font-face declaration above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:

+p { font-family: 'WebFont', Arial, sans-serif; } + +

4. Test

+

Getting webfonts to work cross-browser can be tricky. Use the information in the sidebar to help you if you find that fonts aren't loading in a particular browser.

+
+ +
+
+

Troubleshooting
Font-Face Problems

+

Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.

+ +

Fonts not showing in any browser

+ +

This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a look at your .htaccess file and see if requests are getting intercepted.

+ +

Fonts not loading in iPhone or iPad

+ +

The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings. Follow these instructions from Microsoft if you need help.

+ +

Fonts not loading in Firefox

+ +

The primary reason for this failure? You are still using a version Firefox older than 3.5. So upgrade already! If that isn't it, then you are very likely serving fonts from a different domain. Firefox requires that all font assets be served from the same domain. Lastly it is possible that you need to add WOFF to your list of MIME types (if you are serving via IIS.)

+ +

Fonts not loading in IE

+ +

Are you looking at Internet Explorer on an actual Windows machine or are you cheating by using a service like Adobe BrowserLab? Many of these screenshot services do not render @font-face for IE. Best to test it on a real machine.

+ +

Fonts not loading in IE9

+ +

IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.

+
+
+
+ +
+ +
+ +
+ + diff --git a/SASS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.eot b/SASS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.eot new file mode 100644 index 0000000..9e2e7ac Binary files /dev/null and b/SASS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.eot differ diff --git a/SASS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.svg b/SASS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.svg new file mode 100644 index 0000000..fb66434 --- /dev/null +++ b/SASS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.svg @@ -0,0 +1,666 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/SASS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.ttf b/SASS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.ttf new file mode 100644 index 0000000..cb453e9 Binary files /dev/null and b/SASS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.ttf differ diff --git a/SASS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.woff b/SASS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.woff new file mode 100644 index 0000000..412a2f5 Binary files /dev/null and b/SASS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.woff differ diff --git a/SASS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.woff2 b/SASS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.woff2 new file mode 100644 index 0000000..4e98ee2 Binary files /dev/null and b/SASS/fonts/webfontkit-20160322-043735/roboto-regular-webfont.woff2 differ diff --git a/SASS/fonts/webfontkit-20160322-043735/specimen_files/grid_12-825-55-15.css b/SASS/fonts/webfontkit-20160322-043735/specimen_files/grid_12-825-55-15.css new file mode 100644 index 0000000..3d6aef7 --- /dev/null +++ b/SASS/fonts/webfontkit-20160322-043735/specimen_files/grid_12-825-55-15.css @@ -0,0 +1,129 @@ +/*Notes about grid: +Columns: 12 +Grid Width: 825px +Column Width: 55px +Gutter Width: 15px +-------------------------------*/ + + + +.section {margin-bottom: 18px; +} +.section:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} +.section {*zoom: 1;} + +.section .firstcolumn, +.section .firstcol {margin-left: 0;} + + +/* Border on left hand side of a column. */ +.border { + padding-left: 7px; + margin-left: 7px; + border-left: 1px solid #eee; +} + +/* Border with more whitespace, spans one column. */ +.colborder { + padding-left: 42px; + margin-left: 42px; + border-left: 1px solid #eee; +} + + + +/* The Grid Classes */ +.grid1, .grid1_2cols, .grid1_3cols, .grid1_4cols, .grid2, .grid2_3cols, .grid2_4cols, .grid3, .grid3_2cols, .grid3_4cols, .grid4, .grid4_3cols, .grid5, .grid5_2cols, .grid5_3cols, .grid5_4cols, .grid6, .grid6_4cols, .grid7, .grid7_2cols, .grid7_3cols, .grid7_4cols, .grid8, .grid8_3cols, .grid9, .grid9_2cols, .grid9_4cols, .grid10, .grid10_3cols, .grid10_4cols, .grid11, .grid11_2cols, .grid11_3cols, .grid11_4cols, .grid12 +{margin-left: 15px;float: left;display: inline; overflow: hidden;} + + +.width1, .grid1, .span-1 {width: 55px;} +.width1_2cols,.grid1_2cols {width: 20px;} +.width1_3cols,.grid1_3cols {width: 8px;} +.width1_4cols,.grid1_4cols {width: 2px;} +.input_width1 {width: 49px;} + +.width2, .grid2, .span-2 {width: 125px;} +.width2_3cols,.grid2_3cols {width: 31px;} +.width2_4cols,.grid2_4cols {width: 20px;} +.input_width2 {width: 119px;} + +.width3, .grid3, .span-3 {width: 195px;} +.width3_2cols,.grid3_2cols {width: 90px;} +.width3_4cols,.grid3_4cols {width: 37px;} +.input_width3 {width: 189px;} + +.width4, .grid4, .span-4 {width: 265px;} +.width4_3cols,.grid4_3cols {width: 78px;} +.input_width4 {width: 259px;} + +.width5, .grid5, .span-5 {width: 335px;} +.width5_2cols,.grid5_2cols {width: 160px;} +.width5_3cols,.grid5_3cols {width: 101px;} +.width5_4cols,.grid5_4cols {width: 72px;} +.input_width5 {width: 329px;} + +.width6, .grid6, .span-6 {width: 405px;} +.width6_4cols,.grid6_4cols {width: 90px;} +.input_width6 {width: 399px;} + +.width7, .grid7, .span-7 {width: 475px;} +.width7_2cols,.grid7_2cols {width: 230px;} +.width7_3cols,.grid7_3cols {width: 148px;} +.width7_4cols,.grid7_4cols {width: 107px;} +.input_width7 {width: 469px;} + +.width8, .grid8, .span-8 {width: 545px;} +.width8_3cols,.grid8_3cols {width: 171px;} +.input_width8 {width: 539px;} + +.width9, .grid9, .span-9 {width: 615px;} +.width9_2cols,.grid9_2cols {width: 300px;} +.width9_4cols,.grid9_4cols {width: 142px;} +.input_width9 {width: 609px;} + +.width10, .grid10, .span-10 {width: 685px;} +.width10_3cols,.grid10_3cols {width: 218px;} +.width10_4cols,.grid10_4cols {width: 160px;} +.input_width10 {width: 679px;} + +.width11, .grid11, .span-11 {width: 755px;} +.width11_2cols,.grid11_2cols {width: 370px;} +.width11_3cols,.grid11_3cols {width: 241px;} +.width11_4cols,.grid11_4cols {width: 177px;} +.input_width11 {width: 749px;} + +.width12, .grid12, .span-12 {width: 825px;} +.input_width12 {width: 819px;} + +/* Subdivided grid spaces */ +.emptycols_left1, .prepend-1 {padding-left: 70px;} +.emptycols_right1, .append-1 {padding-right: 70px;} +.emptycols_left2, .prepend-2 {padding-left: 140px;} +.emptycols_right2, .append-2 {padding-right: 140px;} +.emptycols_left3, .prepend-3 {padding-left: 210px;} +.emptycols_right3, .append-3 {padding-right: 210px;} +.emptycols_left4, .prepend-4 {padding-left: 280px;} +.emptycols_right4, .append-4 {padding-right: 280px;} +.emptycols_left5, .prepend-5 {padding-left: 350px;} +.emptycols_right5, .append-5 {padding-right: 350px;} +.emptycols_left6, .prepend-6 {padding-left: 420px;} +.emptycols_right6, .append-6 {padding-right: 420px;} +.emptycols_left7, .prepend-7 {padding-left: 490px;} +.emptycols_right7, .append-7 {padding-right: 490px;} +.emptycols_left8, .prepend-8 {padding-left: 560px;} +.emptycols_right8, .append-8 {padding-right: 560px;} +.emptycols_left9, .prepend-9 {padding-left: 630px;} +.emptycols_right9, .append-9 {padding-right: 630px;} +.emptycols_left10, .prepend-10 {padding-left: 700px;} +.emptycols_right10, .append-10 {padding-right: 700px;} +.emptycols_left11, .prepend-11 {padding-left: 770px;} +.emptycols_right11, .append-11 {padding-right: 770px;} +.pull-1 {margin-left: -70px;} +.push-1 {margin-right: -70px;margin-left: 18px;float: right;} +.pull-2 {margin-left: -140px;} +.push-2 {margin-right: -140px;margin-left: 18px;float: right;} +.pull-3 {margin-left: -210px;} +.push-3 {margin-right: -210px;margin-left: 18px;float: right;} +.pull-4 {margin-left: -280px;} +.push-4 {margin-right: -280px;margin-left: 18px;float: right;} \ No newline at end of file diff --git a/SASS/fonts/webfontkit-20160322-043735/specimen_files/specimen_stylesheet.css b/SASS/fonts/webfontkit-20160322-043735/specimen_files/specimen_stylesheet.css new file mode 100644 index 0000000..aecc43c --- /dev/null +++ b/SASS/fonts/webfontkit-20160322-043735/specimen_files/specimen_stylesheet.css @@ -0,0 +1,396 @@ +@import url('grid_12-825-55-15.css'); + +/* + CSS Reset by Eric Meyer - Released under Public Domain + http://meyerweb.com/eric/tools/css/reset/ +*/ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, font, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, table, +caption, tbody, tfoot, thead, tr, th, td + {margin: 0;padding: 0;border: 0;outline: 0; + font-size: 100%;vertical-align: baseline; + background: transparent;} +body {line-height: 1;} +ol, ul {list-style: none;} +blockquote, q {quotes: none;} +blockquote:before, blockquote:after, +q:before, q:after {content: ''; content: none;} +:focus {outline: 0;} +ins {text-decoration: none;} +del {text-decoration: line-through;} +table {border-collapse: collapse;border-spacing: 0;} + + + + +body { + color: #000; + background-color: #dcdcdc; +} + +a { + text-decoration: none; + color: #1883ba; +} + +h1{ + font-size: 32px; + font-weight: normal; + font-style: normal; + margin-bottom: 18px; +} + +h2{ + font-size: 18px; +} + +#container { + width: 865px; + margin: 0px auto; +} + + +#header { + padding: 20px; + font-size: 36px; + background-color: #000; + color: #fff; +} + +#header span { + color: #666; +} +#main_content { + background-color: #fff; + padding: 60px 20px 20px; +} + + +#footer p { + margin: 0; + padding-top: 10px; + padding-bottom: 50px; + color: #333; + font: 10px Arial, sans-serif; +} + +.tabs { + width: 100%; + height: 31px; + background-color: #444; +} +.tabs li { + float: left; + margin: 0; + overflow: hidden; + background-color: #444; +} +.tabs li a { + display: block; + color: #fff; + text-decoration: none; + font: bold 11px/11px 'Arial'; + text-transform: uppercase; + padding: 10px 15px; + border-right: 1px solid #fff; +} + +.tabs li a:hover { + background-color: #00b3ff; + +} + +.tabs li.active a { + color: #000; + background-color: #fff; +} + + + +div.huge { + + font-size: 300px; + line-height: 1em; + padding: 0; + letter-spacing: -.02em; + overflow: hidden; +} +div.glyph_range { + font-size: 72px; + line-height: 1.1em; +} + +.size10{ font-size: 10px; } +.size11{ font-size: 11px; } +.size12{ font-size: 12px; } +.size13{ font-size: 13px; } +.size14{ font-size: 14px; } +.size16{ font-size: 16px; } +.size18{ font-size: 18px; } +.size20{ font-size: 20px; } +.size24{ font-size: 24px; } +.size30{ font-size: 30px; } +.size36{ font-size: 36px; } +.size48{ font-size: 48px; } +.size60{ font-size: 60px; } +.size72{ font-size: 72px; } +.size90{ font-size: 90px; } + + +.psample_row1 { height: 120px;} +.psample_row1 { height: 120px;} +.psample_row2 { height: 160px;} +.psample_row3 { height: 160px;} +.psample_row4 { height: 160px;} + +.psample { + overflow: hidden; + position: relative; +} +.psample p { + line-height: 1.3em; + display: block; + overflow: hidden; + margin: 0; +} + +.psample span { + margin-right: .5em; +} + +.white_blend { + width: 100%; + height: 61px; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNrs3TsKgFAMRUE/eer+NxztxMYuEWQG3ECKwwUF58ycAKixOAGAyAKILAAiCyCyACILgMgCiCyAyAIgsgAiCyCyAIgsgMgCiCwAIgsgsgAiC4DIAogsACIL0CWuZ3UGgLrIhjMA1EV2OAOAJQtgyQLwjOzmDAAiCyCyAIgsQFtkd2cAEFkAkQVAZAHaIns4A4AlC2DJAiCyACILILIAiCzAV5H1dQGAJQsgsgCILIDIAvwisl58AViyAJYsACILILIAIgvAe2T9EhxAZAFEFgCRBeiL7HAGgLrIhjMAWLIAliwAt1OAAQDwygTBulLIlQAAAABJRU5ErkJggg==); + position: absolute; + bottom: 0; +} +.black_blend { + width: 100%; + height: 61px; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNrs3TEKhTAQRVGjibr/9QoxhY2N3Ywo50A28IrLwP9g6b1PAMSYTQAgsgAiC4DIAogsgMgCILIAIgsgsgCILIDIAogsACILILIAIguAyAKILIDIAiCyACILgMgCZCnjLWYAiFGvB0BQZJsZAFyyAC5ZAO6RXc0AILIAIguAyAKkRXYzA4DIAogsACILkBbZ3QwALlkAlywAIgsgsgAiC4DIArwVWf8uAHDJAogsACILILIAv4isH74AXLIALlkARBZAZAFEFoDnyPokOIDIAogsACILkBfZZgaAuMhWMwC4ZAE+p4x3mAEgxinAAJ+XBbPWGkwAAAAAAElFTkSuQmCC); + position: absolute; + bottom: 0; +} +.fullreverse { + background: #000 !important; + color: #fff !important; + margin-left: -20px; + padding-left: 20px; + margin-right: -20px; + padding-right: 20px; + padding: 20px; + margin-bottom:0; +} + + +.sample_table td { + padding-top: 3px; + padding-bottom:5px; + padding-left: 5px; + vertical-align: middle; + line-height: 1.2em; +} + +.sample_table td:first-child { + background-color: #eee; + text-align: right; + padding-right: 5px; + padding-left: 0; + padding: 5px; + font: 11px/12px "Courier New", Courier, mono; +} + +code { + white-space: pre; + background-color: #eee; + display: block; + padding: 10px; + margin-bottom: 18px; + overflow: auto; +} + + +.bottom,.last {margin-bottom:0 !important; padding-bottom:0 !important;} + +.box { + padding: 18px; + margin-bottom: 18px; + background: #eee; +} + +.reverse,.reversed { background: #000 !important;color: #fff !important; border: none !important;} + +#bodycomparison { + position: relative; + overflow: hidden; + font-size: 72px; + height: 90px; + white-space: nowrap; +} + +#bodycomparison div{ + font-size: 72px; + line-height: 90px; + display: inline; + margin: 0 15px 0 0; + padding: 0; +} + +#bodycomparison div span{ + font: 10px Arial; + position: absolute; + left: 0; +} +#xheight { + float: none; + position: absolute; + color: #d9f3ff; + font-size: 72px; + line-height: 90px; +} + +.fontbody { + position: relative; +} +.arialbody{ + font-family: Arial; + position: relative; +} +.verdanabody{ + font-family: Verdana; + position: relative; +} +.georgiabody{ + font-family: Georgia; + position: relative; +} + +/* @group Layout page + */ + +#layout h1 { + font-size: 36px; + line-height: 42px; + font-weight: normal; + font-style: normal; +} + +#layout h2 { + font-size: 24px; + line-height: 23px; + font-weight: normal; + font-style: normal; +} + +#layout h3 { + font-size: 22px; + line-height: 1.4em; + margin-top: 1em; + font-weight: normal; + font-style: normal; +} + + +#layout p.byline { + font-size: 12px; + margin-top: 18px; + line-height: 12px; + margin-bottom: 0; +} +#layout p { + font-size: 14px; + line-height: 21px; + margin-bottom: .5em; +} + +#layout p.large{ + font-size: 18px; + line-height: 26px; +} + +#layout .sidebar p{ + font-size: 12px; + line-height: 1.4em; +} + +#layout p.caption { + font-size: 10px; + margin-top: -16px; + margin-bottom: 18px; +} + +/* @end */ + +/* @group Glyphs */ + +#glyph_chart div{ + background-color: #d9f3ff; + color: black; + float: left; + font-size: 36px; + height: 1.2em; + line-height: 1.2em; + margin-bottom: 1px; + margin-right: 1px; + text-align: center; + width: 1.2em; + position: relative; + padding: .6em .2em .2em; +} + +#glyph_chart div p { + position: absolute; + left: 0; + top: 0; + display: block; + text-align: center; + font: bold 9px Arial, sans-serif; + background-color: #3a768f; + width: 100%; + color: #fff; + padding: 2px 0; +} + + +#glyphs h1 { + font-family: Arial, sans-serif; +} +/* @end */ + +/* @group Installing */ + +#installing { + font: 13px Arial, sans-serif; +} + +#installing p, +#glyphs p{ + line-height: 1.2em; + margin-bottom: 18px; + font: 13px Arial, sans-serif; +} + + + +#installing h3{ + font-size: 15px; + margin-top: 18px; +} + +/* @end */ + +#rendering h1 { + font-family: Arial, sans-serif; +} +.render_table td { + font: 11px "Courier New", Courier, mono; + vertical-align: middle; +} + + diff --git a/SASS/fonts/webfontkit-20160322-043735/stylesheet.css b/SASS/fonts/webfontkit-20160322-043735/stylesheet.css new file mode 100644 index 0000000..46f028b --- /dev/null +++ b/SASS/fonts/webfontkit-20160322-043735/stylesheet.css @@ -0,0 +1,32 @@ +/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 22, 2016 */ + + + +@font-face { + font-family: 'robotolight'; + src: url('roboto-light-webfont.eot'); + src: url('roboto-light-webfont.eot?#iefix') format('embedded-opentype'), + url('roboto-light-webfont.woff2') format('woff2'), + url('roboto-light-webfont.woff') format('woff'), + url('roboto-light-webfont.ttf') format('truetype'), + url('roboto-light-webfont.svg#robotolight') format('svg'); + font-weight: normal; + font-style: normal; + +} + + + + +@font-face { + font-family: 'robotoregular'; + src: url('roboto-regular-webfont.eot'); + src: url('roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('roboto-regular-webfont.woff2') format('woff2'), + url('roboto-regular-webfont.woff') format('woff'), + url('roboto-regular-webfont.ttf') format('truetype'), + url('roboto-regular-webfont.svg#robotoregular') format('svg'); + font-weight: normal; + font-style: normal; + +} \ No newline at end of file diff --git a/SASS/icomoon/icomoon/Read Me.txt b/SASS/icomoon/icomoon/Read Me.txt new file mode 100644 index 0000000..8491652 --- /dev/null +++ b/SASS/icomoon/icomoon/Read Me.txt @@ -0,0 +1,7 @@ +Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures. + +To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/#docs/local-fonts + +You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects. + +You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection. diff --git a/SASS/icomoon/icomoon/demo-files/demo.css b/SASS/icomoon/icomoon/demo-files/demo.css new file mode 100644 index 0000000..b8c8b17 --- /dev/null +++ b/SASS/icomoon/icomoon/demo-files/demo.css @@ -0,0 +1,152 @@ +body { + padding: 0; + margin: 0; + font-family: sans-serif; + font-size: 1em; + line-height: 1.5; + color: #555; + background: #fff; +} +h1 { + font-size: 1.5em; + font-weight: normal; +} +small { + font-size: .66666667em; +} +a { + color: #e74c3c; + text-decoration: none; +} +a:hover, a:focus { + box-shadow: 0 1px #e74c3c; +} +.bshadow0, input { + box-shadow: inset 0 -2px #e7e7e7; +} +input:hover { + box-shadow: inset 0 -2px #ccc; +} +input, fieldset { + font-family: sans-serif; + font-size: 1em; + margin: 0; + padding: 0; + border: 0; +} +input { + color: inherit; + line-height: 1.5; + height: 1.5em; + padding: .25em 0; +} +input:focus { + outline: none; + box-shadow: inset 0 -2px #449fdb; +} +.glyph { + font-size: 16px; + width: 15em; + padding-bottom: 1em; + margin-right: 4em; + margin-bottom: 1em; + float: left; + overflow: hidden; +} +.liga { + width: 80%; + width: calc(100% - 2.5em); +} +.talign-right { + text-align: right; +} +.talign-center { + text-align: center; +} +.bgc1 { + background: #f1f1f1; +} +.fgc1 { + color: #999; +} +.fgc0 { + color: #000; +} +p { + margin-top: 1em; + margin-bottom: 1em; +} +.mvm { + margin-top: .75em; + margin-bottom: .75em; +} +.mtn { + margin-top: 0; +} +.mtl, .mal { + margin-top: 1.5em; +} +.mbl, .mal { + margin-bottom: 1.5em; +} +.mal, .mhl { + margin-left: 1.5em; + margin-right: 1.5em; +} +.mhmm { + margin-left: 1em; + margin-right: 1em; +} +.mls { + margin-left: .25em; +} +.ptl { + padding-top: 1.5em; +} +.pbs, .pvs { + padding-bottom: .25em; +} +.pvs, .pts { + padding-top: .25em; +} +.unit { + float: left; +} +.unitRight { + float: right; +} +.size1of2 { + width: 50%; +} +.size1of1 { + width: 100%; +} +.clearfix:before, .clearfix:after { + content: " "; + display: table; +} +.clearfix:after { + clear: both; +} +.hidden-true { + display: none; +} +.textbox0 { + width: 3em; + background: #f1f1f1; + padding: .25em .5em; + line-height: 1.5; + height: 1.5em; +} +#testDrive { + display: block; + padding-top: 24px; + line-height: 1.5; +} +.fs0 { + font-size: 16px; +} +.fs1 { + font-size: 32px; +} + diff --git a/SASS/icomoon/icomoon/demo-files/demo.js b/SASS/icomoon/icomoon/demo-files/demo.js new file mode 100644 index 0000000..6f45f1c --- /dev/null +++ b/SASS/icomoon/icomoon/demo-files/demo.js @@ -0,0 +1,30 @@ +if (!('boxShadow' in document.body.style)) { + document.body.setAttribute('class', 'noBoxShadow'); +} + +document.body.addEventListener("click", function(e) { + var target = e.target; + if (target.tagName === "INPUT" && + target.getAttribute('class').indexOf('liga') === -1) { + target.select(); + } +}); + +(function() { + var fontSize = document.getElementById('fontSize'), + testDrive = document.getElementById('testDrive'), + testText = document.getElementById('testText'); + function updateTest() { + testDrive.innerHTML = testText.value || String.fromCharCode(160); + if (window.icomoonLiga) { + window.icomoonLiga(testDrive); + } + } + function updateSize() { + testDrive.style.fontSize = fontSize.value + 'px'; + } + fontSize.addEventListener('change', updateSize, false); + testText.addEventListener('input', updateTest, false); + testText.addEventListener('change', updateTest, false); + updateSize(); +}()); diff --git a/SASS/icomoon/icomoon/demo.html b/SASS/icomoon/icomoon/demo.html new file mode 100644 index 0000000..2c8e349 --- /dev/null +++ b/SASS/icomoon/icomoon/demo.html @@ -0,0 +1,199 @@ + + + + + IcoMoon Demo + + + + + +
+

Font Name: icomoon (Glyphs: 10)

+
+
+

Grid Size: Unknown

+
+
+ + + + icon-arrows_move2 +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_plus +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_question +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_right_double-31 +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_rotate_anti_dashed +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_shrink_diagonal1 +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_sign_left +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_sign_right +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_slide_right1 +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-arrows_square_left +
+
+ + +
+
+ liga: + +
+
+
+ + +
+

Font Test Drive

+ + + +
  +
+
+ +
+

Generated by IcoMoon

+
+ + + + diff --git a/SASS/icomoon/icomoon/fonts/icomoon.eot b/SASS/icomoon/icomoon/fonts/icomoon.eot new file mode 100644 index 0000000..69b30f0 Binary files /dev/null and b/SASS/icomoon/icomoon/fonts/icomoon.eot differ diff --git a/SASS/icomoon/icomoon/fonts/icomoon.svg b/SASS/icomoon/icomoon/fonts/icomoon.svg new file mode 100644 index 0000000..95298d5 --- /dev/null +++ b/SASS/icomoon/icomoon/fonts/icomoon.svg @@ -0,0 +1,18 @@ + + + +Generated by IcoMoon + + + + + + + + + + + + + + \ No newline at end of file diff --git a/SASS/icomoon/icomoon/fonts/icomoon.ttf b/SASS/icomoon/icomoon/fonts/icomoon.ttf new file mode 100644 index 0000000..9a05c32 Binary files /dev/null and b/SASS/icomoon/icomoon/fonts/icomoon.ttf differ diff --git a/SASS/icomoon/icomoon/fonts/icomoon.woff b/SASS/icomoon/icomoon/fonts/icomoon.woff new file mode 100644 index 0000000..1cb4621 Binary files /dev/null and b/SASS/icomoon/icomoon/fonts/icomoon.woff differ diff --git a/SASS/icomoon/icomoon/selection.json b/SASS/icomoon/icomoon/selection.json new file mode 100644 index 0000000..40d816a --- /dev/null +++ b/SASS/icomoon/icomoon/selection.json @@ -0,0 +1,308 @@ +{ + "IcoMoonType": "selection", + "icons": [ + { + "icon": { + "paths": [], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_move2" + ] + }, + "attrs": [], + "properties": { + "order": 24, + "id": 9, + "prevSize": 32, + "code": 59648, + "name": "arrows_move2" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 10 + }, + { + "icon": { + "paths": [ + "M496 224v272h-272v32h272v272h32v-272h272v-32h-272v-272z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_plus" + ] + }, + "attrs": [], + "properties": { + "order": 4, + "id": 8, + "prevSize": 32, + "code": 59649, + "name": "arrows_plus" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 11 + }, + { + "icon": { + "paths": [ + "M512 0c-136.768 0-265.328 53.28-362.032 150-96.72 96.672-149.984 225.248-149.984 362s53.264 265.328 149.984 362.016c96.704 96.72 225.264 149.984 362.032 149.984 136.752 0 265.328-53.28 362.032-150 96.72-96.688 149.984-225.264 149.984-362.016s-53.264-265.328-149.984-362.016c-96.704-96.704-225.28-149.968-362.032-149.968zM851.408 851.392c-90.656 90.672-211.2 140.608-339.408 140.608-128.224 0-248.752-49.936-339.408-140.624-90.672-90.64-140.608-211.168-140.608-339.376s49.936-248.736 140.608-339.392c90.656-90.672 211.184-140.608 339.408-140.608 128.208 0 248.752 49.952 339.408 140.624 90.672 90.64 140.608 211.168 140.608 339.376s-49.936 248.736-140.608 339.392z", + "M464 688h32v64h-32v-64z", + "M512 240c-95.552 0-144 32.304-144 96h32c0-29.792 12.736-64 112-64 68.032 0 112 37.68 112 96 0 44.224-62.928 85.52-87.152 97.68-2.976 1.504-72.848 37.632-72.848 142.32v16h32v-16c0-84.144 52.992-112.576 55.152-113.68 4.288-2.144 104.848-53.28 104.848-126.32 0-75.36-59.216-128-144-128z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_question" + ] + }, + "attrs": [], + "properties": { + "order": 13, + "id": 7, + "prevSize": 32, + "code": 59650, + "name": "arrows_question" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 12 + }, + { + "icon": { + "paths": [ + "M484.688 251.312l260.688 260.688-260.688 260.688 24.976 22.624 274.336-272v-22.624l-274.336-272z", + "M544 500.688l-274.336-272-23.808 22.624 260.112 260.688-260.976 260.688 24.816 22.624 274.192-272z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_right_double-31" + ] + }, + "attrs": [], + "properties": { + "order": 6, + "id": 6, + "prevSize": 32, + "code": 59651, + "name": "arrows_right_double-31" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 13 + }, + { + "icon": { + "paths": [ + "M496 0c-10.88 0-22 0.368-33.024 1.088l2.112 31.936c10.288-0.688 20.592-1.024 30.912-1.024v-32z", + "M6.576 576.88l31.584-5.216c-3.488-21.072-5.504-42.672-6.016-64.144l-31.984 0.752c0.528 22.96 2.688 46.048 6.416 68.608z", + "M0.496 473.808l31.968 1.44c0.96-21.424 3.424-42.976 7.328-64.064l-31.472-5.808c-4.144 22.512-6.784 45.552-7.824 68.432z", + "M15.776 371.696l30.992 8c5.36-20.8 12.224-41.376 20.4-61.12l-29.584-12.224c-8.72 21.136-16.064 43.12-21.808 65.344z", + "M125.505 774.919l47.171 47.184-22.63 22.624-47.171-47.184 22.63-22.624z", + "M428.688 4.544c-22.704 3.104-45.408 7.808-67.44 14l8.656 30.816c20.624-5.792 41.856-10.208 63.104-13.088l-4.32-31.728z", + "M328.416 29.040c-21.6 7.728-42.816 17.040-63.088 27.712l14.896 28.32c18.96-9.952 38.8-18.672 58.976-25.904l-10.784-30.128z", + "M47.472 708.096c9.808 20.72 21.168 40.928 33.744 60.064l26.736-17.6c-11.776-17.888-22.384-36.784-31.568-56.16l-28.912 13.696z", + "M51.856 274.976l28.656 14.256c9.52-19.136 20.512-37.824 32.672-55.536l-26.368-18.128c-13.008 18.928-24.768 38.912-34.96 59.408z", + "M13.328 610.672c5.28 22.288 12.176 44.4 20.496 65.744l29.808-11.632c-7.792-19.968-14.24-40.656-19.168-61.504l-31.136 7.392z", + "M252.256 101.056l-16.848-27.216c-19.504 12.080-38.304 25.616-55.904 40.256l20.448 24.592c16.464-13.68 34.048-26.352 52.304-37.632z", + "M145.296 145.28c-13.44 13.456-26.224 27.76-37.984 42.56l25.056 19.904c11.008-13.84 22.96-27.248 35.584-39.872 2.624-2.64 5.264-5.2 7.936-7.744l-22.096-23.152c-2.864 2.72-5.712 5.504-8.496 8.304z", + "M528 992v32c10.88 0 22-0.368 33.024-1.088l-2.112-31.936c-10.288 0.688-20.592 1.024-30.912 1.024z", + "M990.16 347.584l-29.808 11.632c7.792 19.968 14.24 40.656 19.168 61.504l31.136-7.376c-5.264-22.304-12.16-44.416-20.496-65.76z", + "M1008.224 652.304l-30.992-8c-5.36 20.8-12.224 41.376-20.4 61.12l29.584 12.224c8.72-21.136 16.064-43.12 21.808-65.344z", + "M985.856 452.336c3.488 21.072 5.504 42.672 6.016 64.144l31.984-0.752c-0.544-22.976-2.704-46.048-6.432-68.608l-31.568 5.216z", + "M984.192 612.816l31.472 5.808c4.16-22.512 6.8-45.552 7.84-68.432l-31.968-1.44c-0.96 21.424-3.44 42.96-7.344 64.064z", + "M788.592 950.16c19.504-12.080 38.304-25.616 55.904-40.256l-20.448-24.592c-16.464 13.664-34.048 26.336-52.304 37.632l16.848 27.216z", + "M870.208 887.024c2.864-2.736 5.712-5.52 8.496-8.32 13.44-13.456 26.224-27.76 37.984-42.56l-25.056-19.904c-11.008 13.84-22.96 27.248-35.584 39.872-2.624 2.64-5.264 5.2-7.936 7.744l22.096 23.168z", + "M972.144 749.024l-28.656-14.256c-9.52 19.136-20.512 37.824-32.672 55.536l26.368 18.128c13.008-18.928 24.768-38.912 34.96-59.408z", + "M654.080 974.64c-20.624 5.792-41.856 10.208-63.104 13.088l4.336 31.712c22.704-3.104 45.408-7.808 67.44-14l-8.672-30.8z", + "M743.776 938.928c-18.96 9.952-38.8 18.672-58.976 25.904l10.784 30.128c21.6-7.728 42.816-17.040 63.088-27.712l-14.896-28.32z", + "M976.528 315.904c-9.808-20.72-21.168-40.928-33.744-60.064l-26.736 17.6c11.776 17.888 22.384 36.784 31.568 56.16l28.912-13.696z", + "M898.514 249.021l-47.171-47.184 22.63-22.624 47.171 47.184-22.63 22.624z", + "M32 864v32h176l16-16v-176h-32v146.752l-13.248 13.248z", + "M800 144v176h32v-146.752l13.248-13.248h146.752v-32h-176z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_rotate_anti_dashed" + ] + }, + "attrs": [], + "properties": { + "order": 7, + "id": 5, + "prevSize": 32, + "code": 59652, + "name": "arrows_rotate_anti_dashed" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 14 + }, + { + "icon": { + "paths": [ + "M27.312 580.688l-22.624 22.624 416 416 22.624-22.624-196.688-196.688 201.376-201.376v137.376h32v-176l-16-16h-176v32h137.376l-201.376 201.376z", + "M544 288v176l16 16h176v-32h-137.376l201.376-201.376 196.688 196.688 22.624-22.624-416-416-22.624 22.624 196.688 196.688-201.376 201.376v-137.376z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_shrink_diagonal1" + ] + }, + "attrs": [], + "properties": { + "order": 8, + "id": 4, + "prevSize": 32, + "code": 59653, + "name": "arrows_shrink_diagonal1" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 15 + }, + { + "icon": { + "paths": [], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_sign_left" + ] + }, + "attrs": [], + "properties": { + "order": 9, + "id": 3, + "prevSize": 32, + "code": 59654, + "name": "arrows_sign_left" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 16 + }, + { + "icon": { + "paths": [ + "M0 224v576h726.352l304.944-287.984-304.944-288.016h-726.352zM713.648 768h-681.648v-512h681.648l271.056 256.016-271.056 255.984z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_sign_right" + ] + }, + "attrs": [], + "properties": { + "order": 10, + "id": 2, + "prevSize": 32, + "code": 59655, + "name": "arrows_sign_right" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 17 + }, + { + "icon": { + "paths": [ + "M32 448h937.376l-116.688 116.688 24.976 22.624 146.336-144v-22.624l-146.336-144-23.808 22.624 115.52 116.688h-969.376v320h32z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_slide_right1" + ] + }, + "attrs": [], + "properties": { + "order": 11, + "id": 1, + "prevSize": 32, + "code": 59656, + "name": "arrows_slide_right1" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 18 + }, + { + "icon": { + "paths": [ + "M578.336 228.688l-274.336 272v22.624l274.336 272 23.808-22.624-260.112-260.688 259.808-260.688z", + "M0 1024h1024v-1024h-1024v1024zM32 32h960v960h-960v-960z" + ], + "attrs": [], + "isMulticolor": false, + "grid": 0, + "tags": [ + "arrows_square_left" + ] + }, + "attrs": [], + "properties": { + "order": 12, + "id": 0, + "prevSize": 32, + "code": 59657, + "name": "arrows_square_left" + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 19 + } + ], + "height": 1024, + "metadata": { + "name": "icomoon" + }, + "preferences": { + "showGlyphs": true, + "showQuickUse": true, + "showQuickUse2": true, + "showSVGs": false, + "fontPref": { + "prefix": "icon-", + "metadata": { + "fontFamily": "icomoon", + "majorVersion": 1, + "minorVersion": 0 + }, + "metrics": { + "emSize": 1024, + "baseline": 6.25, + "whitespace": 50 + }, + "embed": false + }, + "imagePref": { + "prefix": "icon-", + "png": true, + "useClassSelector": true, + "color": 0, + "bgColor": 16777215, + "classSelector": ".icon", + "autoHost": true + }, + "historySize": 100, + "showCodes": true, + "gridSize": 16, + "quickUsageToken": {} + } +} \ No newline at end of file diff --git a/SASS/icomoon/icomoon/style.css b/SASS/icomoon/icomoon/style.css new file mode 100644 index 0000000..5f6570c --- /dev/null +++ b/SASS/icomoon/icomoon/style.css @@ -0,0 +1,57 @@ +@font-face { + font-family: 'icomoon'; + src: url('fonts/icomoon.eot?8eyfsm'); + src: url('fonts/icomoon.eot?8eyfsm#iefix') format('embedded-opentype'), + url('fonts/icomoon.ttf?8eyfsm') format('truetype'), + url('fonts/icomoon.woff?8eyfsm') format('woff'), + url('fonts/icomoon.svg?8eyfsm#icomoon') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="icon-"], [class*=" icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'icomoon' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-arrows_move2:before { + content: "\e900"; +} +.icon-arrows_plus:before { + content: "\e901"; +} +.icon-arrows_question:before { + content: "\e902"; +} +.icon-arrows_right_double-31:before { + content: "\e903"; +} +.icon-arrows_rotate_anti_dashed:before { + content: "\e904"; +} +.icon-arrows_shrink_diagonal1:before { + content: "\e905"; +} +.icon-arrows_sign_left:before { + content: "\e906"; +} +.icon-arrows_sign_right:before { + content: "\e907"; +} +.icon-arrows_slide_right1:before { + content: "\e908"; +} +.icon-arrows_square_left:before { + content: "\e909"; +} + diff --git a/SASS/images/Assignment1-HTML.pdf b/SASS/images/Assignment1-HTML.pdf new file mode 100644 index 0000000..fb13a66 Binary files /dev/null and b/SASS/images/Assignment1-HTML.pdf differ diff --git a/SASS/images/arrows_move2.svg b/SASS/images/arrows_move2.svg new file mode 100644 index 0000000..9479555 --- /dev/null +++ b/SASS/images/arrows_move2.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + diff --git a/SASS/images/arrows_plus.svg b/SASS/images/arrows_plus.svg new file mode 100644 index 0000000..a76a9a5 --- /dev/null +++ b/SASS/images/arrows_plus.svg @@ -0,0 +1,9 @@ + + + + + + + + diff --git a/SASS/images/arrows_question.svg b/SASS/images/arrows_question.svg new file mode 100644 index 0000000..ccabdb0 --- /dev/null +++ b/SASS/images/arrows_question.svg @@ -0,0 +1,17 @@ + + + + + + + + + + diff --git a/SASS/images/arrows_right_double-31.svg b/SASS/images/arrows_right_double-31.svg new file mode 100644 index 0000000..11d1767 --- /dev/null +++ b/SASS/images/arrows_right_double-31.svg @@ -0,0 +1,10 @@ + + + + + + + + + diff --git a/SASS/images/arrows_rotate_anti_dashed.svg b/SASS/images/arrows_rotate_anti_dashed.svg new file mode 100644 index 0000000..cb539d9 --- /dev/null +++ b/SASS/images/arrows_rotate_anti_dashed.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SASS/images/arrows_shrink_diagonal1.svg b/SASS/images/arrows_shrink_diagonal1.svg new file mode 100644 index 0000000..600aa0e --- /dev/null +++ b/SASS/images/arrows_shrink_diagonal1.svg @@ -0,0 +1,12 @@ + + + + + + + + + diff --git a/SASS/images/arrows_sign_left.svg b/SASS/images/arrows_sign_left.svg new file mode 100644 index 0000000..6191e04 --- /dev/null +++ b/SASS/images/arrows_sign_left.svg @@ -0,0 +1,7 @@ + + + + + + diff --git a/SASS/images/arrows_sign_right.svg b/SASS/images/arrows_sign_right.svg new file mode 100644 index 0000000..bf3515d --- /dev/null +++ b/SASS/images/arrows_sign_right.svg @@ -0,0 +1,9 @@ + + + + + + + + diff --git a/SASS/images/arrows_slide_right1.svg b/SASS/images/arrows_slide_right1.svg new file mode 100644 index 0000000..63418cb --- /dev/null +++ b/SASS/images/arrows_slide_right1.svg @@ -0,0 +1,10 @@ + + + + + + + + diff --git a/SASS/images/arrows_square_left.svg b/SASS/images/arrows_square_left.svg new file mode 100644 index 0000000..ced9beb --- /dev/null +++ b/SASS/images/arrows_square_left.svg @@ -0,0 +1,10 @@ + + + + + + + + + diff --git a/SASS/images/banner.png b/SASS/images/banner.png new file mode 100644 index 0000000..af2b2cb Binary files /dev/null and b/SASS/images/banner.png differ diff --git a/SASS/images/logo.jpg b/SASS/images/logo.jpg new file mode 100644 index 0000000..be5f0f2 Binary files /dev/null and b/SASS/images/logo.jpg differ diff --git a/SASS/images/resourse1.png b/SASS/images/resourse1.png new file mode 100644 index 0000000..ed92914 Binary files /dev/null and b/SASS/images/resourse1.png differ diff --git a/SASS/images/resourse2.png b/SASS/images/resourse2.png new file mode 100644 index 0000000..93ba90c Binary files /dev/null and b/SASS/images/resourse2.png differ diff --git a/SASS/images/resourse3.png b/SASS/images/resourse3.png new file mode 100644 index 0000000..fa7efa7 Binary files /dev/null and b/SASS/images/resourse3.png differ diff --git a/SASS/index.html b/SASS/index.html new file mode 100644 index 0000000..54f2c64 --- /dev/null +++ b/SASS/index.html @@ -0,0 +1,181 @@ + + + + + + IMC Home Page + + + + + + + + + +
+
+
+
    + +
    • +
    • +
    • +
+
+
+ logo +
+
+ Banner View +
+ +
+
+ +
+
+
+

Welcome to IMC

+

That’s just what we are all about – integration of the marketing communication process, so as to be + able to deliver to our clients – super efficient solutions - every single time.

+ +

We are not all about advertising, public relations, event management, sales promotion, direct marketing + – yet we are just all of that. The only difference though is the way we approach it – for us, these + are tools tha t we use to be able to achieve the objective that YOU define to us. + I have worked in various of these “tool segments” over the last few years, and the one thing that + struck me everytime I approached to address a client’s requirement, I always felt there was something + missing. As an event manager, my only solution to all my clients banes were “event – it will help + you” – as a PR manager, public relation was manna the skies sent down.

+ +

With over 40 cumulative years of experience, we have both the domain knowledge about the products + and services we handle as well as in-house expertise

+ + +
Meera Raman Director, Consumer Marketing Practice IMC Terminu
+ +
+ + + + + +
+
+ +
+ Banner View
Caption 1
+
+ +
+ Banner View
Caption 2
+
+ + +
+ Banner View
Caption 3
+
+ +
+ +
+ + \ No newline at end of file diff --git a/SASS/less/mixin.scss b/SASS/less/mixin.scss new file mode 100644 index 0000000..676375e --- /dev/null +++ b/SASS/less/mixin.scss @@ -0,0 +1,3 @@ +@mixin rounded-corner($rad){ +border-radius:$rad; +} \ No newline at end of file diff --git a/SASS/less/style.scss b/SASS/less/style.scss new file mode 100644 index 0000000..d28b5f6 --- /dev/null +++ b/SASS/less/style.scss @@ -0,0 +1,306 @@ + +@import "variable.scss"; +@import "mixin.scss"; +body{ + width: 95%; + margin: 15px auto; + font-family: 'robotoregular', Arial, sans-serif; +} + +header{ + overflow: auto; + overflow-y: hidden; +} + +.logowrapper{ + width: 20%; + box-sizing: border-box; + float: left; +} +.logoimg{ + padding-top:80px; + width: 100%; +} + +.bannerwrapper{ + width: 80%; + box-sizing: border-box; + float: left; +} +.bannerimg{ + width: 100%; +} + +.svg-icons{ + overflow:auto; + ul { + float:right; + li{ + display:inline-block; + padding: 10px 10px; + } + } +} + +.topnav { + font-family: 'robotolight', Arial, sans-serif; + font-weight:bold; + clear:both; + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + background: rgba(0, 0, 0, 0) linear-gradient(white, white, white, $lightgrey) repeat scroll 0 0; + + li { + padding: 10px 2px; + float: left; + margin: 0 8px; + + a { + padding: 14px 28px; + display: inline-block; + color: grey; + font-size: 16px; + text-align: center; + padding: 14px 16px; + text-decoration: none; + &:hover{ + color:$persianred; + } +} + } +} + + +.content{ + font-family: 'robotoregular', Arial, sans-serif; + width: 75%; + float: left; + margin:0px 15px 15px 15px; + padding-left: 20px; + line-height: 20px; + h1{ + margin: 15px 0; + color:$persianred; + font-size:18px; + } + + p{ + margin: 10px 0; + } +} + +.signature{ + color:$fruitSalad; +} + +.righ-nav{ + width: 18%; + float: right; + margin:18px 15px 15px 15px; +} +.captionwrapper{ + float: left; + width: 98%; + margin: 20px; + color:$pumice; +} + +.imgcaption{ + float: left; + padding: 15px; + width: 30%; + text-align: center; + img{ + width: 220px; + border-radius: 50%; + height: 220px; +} +} + +.captionImg li { + float: left; + width: 40%; +} + +input[type="text"] { + height: 20px; + border: 1px solid #d76f6c; +} + +big{ + display:block; +} + +button{ + height:26px; + color: #d76f6c; + background: #f5f5f5; + border: 1px solid #d76f6c; +} + +.footer-btn{ + + color:$white; + width:100px; + height: 40px; + float: right; + @include rounded-corner(16px); + border: none; + margin:0; + background-image: -o-linear-gradient(bottom, $veniceBlue 0%, $orient 100%); + background-image: -moz-linear-gradient(bottom, $veniceBlue 0%, $orient 100%); + background-image: -webkit-linear-gradient(bottom,$veniceBlue 0%, $orient 100%); + background-image: -ms-linear-gradient(bottom, $veniceBlue 0%, $orient 100%); + background-image: linear-gradient(to bottom,$veniceBlue 0%, $orient 100%); + +} +table{ +width:350px; +button { + background:$orient; + color:$white; + width:25%; + height: 26px; + float: right; + @include rounded-corner(8px); + height: 26px; + border: none; + margin-right: 10px; +} +} + + +.nav-list{ + margin-top: 10px; + + ul li{ + padding: 10px; + border-bottom: 2px solid black; + border-color:grey; + width: 85%; + border-style: dashed; +} +} + +.mid-wrapper{ + overflow:auto; +} +.services{ + clear:both; +} + + +footer{ + font-family: 'robotoregular', Arial, sans-serif !important; + overflow:auto; + overflow-x:hidden; + clear:both; + background:$chicago; + padding: 16px; + + h5{ + color:$white; + font-size:18px; + padding: 16px 0; +} + + ul li{ + color:$gray; + padding:5px 0; + font-weight:bold; + line-height:18px; +} +section{ + padding: 16px; + width:30%; + float:left; +} +} + +.contact-info{ + margin:0; + + input{ + + @include rounded-corner(10px); + width: 100%; + background:$pumice; + border:none; + height:30px; +} + +} + +table tr{ + padding:10px 0; + + td:first-child{ + color:$mountainMist; +} +} + +input::-webkit-input-placeholder { +color: $black; +padding-left:10px; +} + +input:-moz-placeholder { +color: $black; +padding-left:10px; +} + +input::-moz-placeholder { +color: $black ; +padding-left:10px; +} + +input:-ms-input-placeholder { +color: $black ; +padding-left:10px; +} + +table tr td{ + padding:5px 5px; + :nth-child(2){ + width:100%; +} +} + +.footer-nav{ + text-align:center; + width:100%; + + ul li{ + display:inline-block; + border-right:1px solid $mountainMist; + padding-right:5px; + + } + + li:last-child{ + border-right:none; + +} +} + + + + + + + + + + + + + + + + + + + + diff --git a/SASS/less/variable.scss b/SASS/less/variable.scss new file mode 100644 index 0000000..d5da7a2 --- /dev/null +++ b/SASS/less/variable.scss @@ -0,0 +1,30 @@ + +$orient:#07587b; +$lightgrey:#D3D3D3; +$persianred:#cd2e27; +$fruitSalad:#4c9d68; +$pumice:#c6c6c6; +$white:#fff; +$veniceBlue:#08597F; +$chicago:#58595b; +$gray:#828182; +$mountainMist:#949293; +$black:#000; + + + + + + + + + + + + + + + + + + diff --git a/SaSSassignments/SASS Assignments.docx b/SaSSassignments/SASS Assignments.docx deleted file mode 100755 index 928fd88..0000000 Binary files a/SaSSassignments/SASS Assignments.docx and /dev/null differ