diff options
| author | Anton Luka Šijanec <anton@sijanec.eu> | 2024-05-27 13:08:29 +0200 |
|---|---|---|
| committer | Anton Luka Šijanec <anton@sijanec.eu> | 2024-05-27 13:08:29 +0200 |
| commit | 75160b12821f7f4299cce7f0b69c83c1502ae071 (patch) | |
| tree | 27e25e4ccaef45f0c58b22831164050d1af1d4db /admin/survey/modules/mod_WPN/frontend | |
| parent | prvi-commit (diff) | |
| download | 1ka-75160b12821f7f4299cce7f0b69c83c1502ae071.tar 1ka-75160b12821f7f4299cce7f0b69c83c1502ae071.tar.gz 1ka-75160b12821f7f4299cce7f0b69c83c1502ae071.tar.bz2 1ka-75160b12821f7f4299cce7f0b69c83c1502ae071.tar.lz 1ka-75160b12821f7f4299cce7f0b69c83c1502ae071.tar.xz 1ka-75160b12821f7f4299cce7f0b69c83c1502ae071.tar.zst 1ka-75160b12821f7f4299cce7f0b69c83c1502ae071.zip | |
Diffstat (limited to 'admin/survey/modules/mod_WPN/frontend')
| -rw-r--r-- | admin/survey/modules/mod_WPN/frontend/index.html | 392 | ||||
| -rw-r--r-- | admin/survey/modules/mod_WPN/frontend/index1.html | 720 | ||||
| -rw-r--r-- | admin/survey/modules/mod_WPN/frontend/ui.html | 208 |
3 files changed, 660 insertions, 660 deletions
diff --git a/admin/survey/modules/mod_WPN/frontend/index.html b/admin/survey/modules/mod_WPN/frontend/index.html index 1b5c4a9..c20522a 100644 --- a/admin/survey/modules/mod_WPN/frontend/index.html +++ b/admin/survey/modules/mod_WPN/frontend/index.html @@ -1,196 +1,196 @@ -<!doctype html> -<html lang="en-us"> - - <head> - - <!-- Meta --> - <meta charset="utf-8"> - <meta http-equiv="x-ua-compatible" content="ie=edge"> - <meta name="viewport" content="width=device-width,initial-scale=1"> - - <title>1KA WPN</title> - <meta name="description" content=""> - - <!-- The compiled CSS file --> - <link rel="stylesheet" href="admin/survey/modules/mod_WPN/frontend/css/production.css"> - - <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> - - <!-- Web fonts --> - <link href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700|Source+Serif+Pro:700" rel="stylesheet"> - - <!-- favicon.ico. Place these in the root directory. --> - <link rel="shortcut icon" href="favicon.ico"> - - <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> - <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> - <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> - <link rel="manifest" href="manifest.json"> - <link rel="mask-icon" href="safari-pinned-tab.svg" color="#ffffff"> - <meta name="msapplication-TileColor" content="#da532c"> - <meta name="theme-color" content="#ffffff"> - <meta name="apple-moblile-web-app-capable" content="yes"> - <meta name="apple-moblile-web-app-status-bar-style" content="default"> - <link rel="apple-touch-startup-image" href="apple-touch-icon.png"> - <!-- iOS Splash Screen Images --> - <link rel="apple-touch-startup-image" href="apple-splash-640.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"> - <link rel="apple-touch-startup-image" href="apple-splash-750.png" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"> - <link rel="apple-touch-startup-image" href="apple-splash-1242.png" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"> - <link rel="apple-touch-startup-image" href="apple-splash-1125.png" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"> - <link rel="apple-touch-startup-image" href="apple-splash-1536.png" media="(min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)"> - <link rel="apple-touch-startup-image" href="apple-splash-1668.png" media="(min-device-width: 834px) and (max-device-width: 834px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)"> - <link rel="apple-touch-startup-image" href="apple-splash-2048.png" media="(min-device-width: 1024px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)"> - - </head> - - <body> - - - <!-- Header --> - <header class="align--center pt3"> - <div class="container--lg border--bottom pb3"> - <img class="logo mb3" src="admin/survey/modules/mod_WPN/frontend/img/1ka_logo_en.png" alt="1KA"> - <div id="notif_join_div" style="display: none;"> - <button class="mb2 btn btn--secondary" id="notif_join_button" onclick="clickButtonSubscribe();" style="font-size: 1.5em;">Join us!</button> - <br><br> - <div id="notification_permission_warning" style="display: none;"> - <h3 class="mb2" style="color:red">In order to use our services, you have to enable notifications</h3> - <br><br> - </div> - <h1 class="mb2">Be first to know when new surveys are up!</h1> - </div> - <div id="notif_joined_div" style="display: none;"> - <h1 class="mb2">You are in!</h1> - <p class="mb2">You will be among first who will get notifications when new surveys are up!</p> - </div> - <div id="notif_not_supported_div" style="display: none;"> - <h1 class="mb2">This browser does not support our services!</h1> - <p class="mb2">Please update your browser or use another (latest versions of Chrome and Firefox are recommended)</p> - </div> - <!--<span> - <a href="https://www.apple.com/ios/app-store/" class="link"><img class="download" src="/pwa/img/ios.png" alt="Download on the App Store"></a> - </span> - <span> - <a href="https://play.google.com/store" class="link"><img class="download" src="/pwa/img/googleplay.png" alt="Download on Google Play"></a> - </span>--> - </div> - </header> - - <main> - <!-- Feature list --> - <div class="container pt3 mt2 text--gray align--center"> - <p class="mb3">Efficient data gathering.</p> - <div class="grid-row"> - <div class="grid-column span-one-third mb3"> - <img class="illustration--small mb1" src="admin/survey/modules/mod_WPN/frontend/img/messaging.svg" alt="Fast messaging"> - <p>Fast messaging</p> - </div> - <div class="grid-column span-one-third mb3"> - <img class="illustration--small mb1" src="admin/survey/modules/mod_WPN/frontend/img/assign.svg" alt="Assign to others"> - <p>Assign to others</p> - </div> - <div class="grid-column span-one-third mb3"> - <img class="illustration--small mb1" src="admin/survey/modules/mod_WPN/frontend/img/connected.svg" alt="Stay connected"> - <p>Stay connected</p> - </div> - <!-- <div class="grid-column span-one-third mb3"> - <img class="illustration--small mb1" src="img/search.svg" alt="Powerful search"> - <p>Powerful search</p> - </div> - <div class="grid-column span-one-third mb3"> - <img class="illustration--small mb1" src="img/vault.svg" alt="Put in a vault"> - <p>Put in a vault</p> - </div>--> - <!-- <div class="grid-column span-one-third mb3"> - <img class="illustration--small mb1" src="img/mail.svg" alt="Share with others"> - <p>Share with others</p> - </div>--> - </div> - </div> - - <!-- Focus --> - <div class="container--lg pt1 pb1"> - - <div class="grid-row grid-row--center"> - <div class="grid-column mt3 mb2 order-2"> - <div class="border--bottom pb2 mb2"> - <h2>Usage data</h2> - <p>Quis istud possit, inquit, negare? Videamus animi partes, quarum est conspectus illustrior; Illa sunt similia: hebes acies est cuipiam oculorum, corpore alius senescit; Non enim, si omnia non sequebatur.</p> - </div> - <p class="italic text--gray mb1">Quae quo sunt excelsiores, eo dant clariora indicia naturae. Causa autem fuit huc veniendi ut quosdam hinc.</p> - <p class="bold">Carry Andersen, COO at Stripe</p> - </div> - <div class="grid-column span-1"></div> - <div class="grid-column mt3 mb2 order-1"> - <img src="admin/survey/modules/mod_WPN/frontend/img/data.svg" alt="Usage data"> - </div> - </div> - - <div class="grid-row grid-row--center"> - <div class="grid-column mt3 mb2"> - <img src="admin/survey/modules/mod_WPN/frontend/img/security.svg" alt="Absolute security"> - </div> - <div class="grid-column span-1"></div> - <div class="grid-column mt3 mb2"> - <div class="border--bottom pb2 mb2"> - <h2>Absolute security</h2> - <p>Itaque his sapiens semper vacabit. Qualis ista philosophia est, quae non interitum afferat pravitatis, sed sit contenta mediocritate vitiorum? Quid de Platone aut de Democrito loquar? Quis istud possit, inquit negare?</p> - </div> - <p class="italic text--gray mb1">Estne, quaeso, inquam, sitienti in bibendo voluptas? Duo Reges: constructio interrete.</p> - <p class="bold">Josh Blenton, Product Manager at Blinkist</p> - </div> - </div> - - </div> - - <!-- Mentioned --> - <!--<div class="container--lg pt3 pb3 mb2 align--center"> - <p class="mb2">Mentioned in</p> - <span><img class="mentioned" src="img/mentioned.svg" alt="New York Times, TC, Product Hunt, Recode"></span> - </div>--> - - <!-- CTA --> - <!--<div class="bg--dark-gray align--center pt3 pb3"> - <div class="container pt2 pb2"> - <img class="cta-image mb2" src="img/text.svg" alt="Text the app"> - <p class="h3 text--white mb1 bold">We'll text you the app</p> - <p class="text--white mb3">Just insert your number below. Messaging rates apply.</p> - <div class="inline-block mr1 no-mr-on-mobile" style="width:280px;max-width:100%"> - <input class="form-control" type="tel" placeholder="Phone number"> - </div> - <button class="btn btn--secondary">Send</button> - </div> - </div>--> - - </main> - - <!-- Footer --> - <footer class="pt1 pb3 align--center-on-mobile"> - <!--<div class="container"> - <div class="grid-row"> - <div class="grid-column mt2 span-half"> - <div class="mb1"> - <span> - <a href="https://www.apple.com/ios/app-store/" class="link"><img class="download" src="img/ios.png" alt="Download on the App Store"></a> - </span> - <span> - <a href="https://play.google.com/store" class="link"><img class="download" src="img/googleplay.png" alt="Download on Google Play"></a> - </span> - </div> - <p class="small">Design by <a href="https://www.eatapapaya.com" class="link link--text">Papaya</a>. Illustrations from <a href="https://undraw.co/" class="link link--text">Undraw</a>.</p> - </div> - <div class="grid-column mt2 span-half align--right align--center-on-mobile"> - <ul class="no-bullets list--inline"> - <li class="mr1"><a href="" class="link"><img class="icon" src="img/youtube.svg" alt="YouTube"></a></li> - <li class="mr1"><a href="" class="link"><img class="icon" src="img/twitter.svg" alt="Twitter"></a></li> - <li><a href="" class="link"><img class="icon" src="img/facebook.svg" alt="Facebook"></a></li> - </ul> - </div> - </div> - </div>--> - </footer> - - <script src="admin/survey/modules/mod_WPN/frontend/js/main.js"></script> - </body> -</html> - +<!doctype html>
+<html lang="en-us">
+
+ <head>
+
+ <!-- Meta -->
+ <meta charset="utf-8">
+ <meta http-equiv="x-ua-compatible" content="ie=edge">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+
+ <title>1KA WPN</title>
+ <meta name="description" content="">
+
+ <!-- The compiled CSS file -->
+ <link rel="stylesheet" href="admin/survey/modules/mod_WPN/frontend/css/production.css">
+
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+
+ <!-- Web fonts -->
+ <link href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700|Source+Serif+Pro:700" rel="stylesheet">
+
+ <!-- favicon.ico. Place these in the root directory. -->
+ <link rel="shortcut icon" href="favicon.ico">
+
+ <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
+ <link rel="manifest" href="manifest.json">
+ <link rel="mask-icon" href="safari-pinned-tab.svg" color="#ffffff">
+ <meta name="msapplication-TileColor" content="#da532c">
+ <meta name="theme-color" content="#ffffff">
+ <meta name="apple-moblile-web-app-capable" content="yes">
+ <meta name="apple-moblile-web-app-status-bar-style" content="default">
+ <link rel="apple-touch-startup-image" href="apple-touch-icon.png">
+ <!-- iOS Splash Screen Images -->
+ <link rel="apple-touch-startup-image" href="apple-splash-640.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
+ <link rel="apple-touch-startup-image" href="apple-splash-750.png" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
+ <link rel="apple-touch-startup-image" href="apple-splash-1242.png" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
+ <link rel="apple-touch-startup-image" href="apple-splash-1125.png" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
+ <link rel="apple-touch-startup-image" href="apple-splash-1536.png" media="(min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)">
+ <link rel="apple-touch-startup-image" href="apple-splash-1668.png" media="(min-device-width: 834px) and (max-device-width: 834px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)">
+ <link rel="apple-touch-startup-image" href="apple-splash-2048.png" media="(min-device-width: 1024px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)">
+
+ </head>
+
+ <body>
+
+
+ <!-- Header -->
+ <header class="align--center pt3">
+ <div class="container--lg border--bottom pb3">
+ <img class="logo mb3" src="admin/survey/modules/mod_WPN/frontend/img/1ka_logo_en.png" alt="1KA">
+ <div id="notif_join_div" style="display: none;">
+ <button class="mb2 btn btn--secondary" id="notif_join_button" onclick="clickButtonSubscribe();" style="font-size: 1.5em;">Join us!</button>
+ <br><br>
+ <div id="notification_permission_warning" style="display: none;">
+ <h3 class="mb2" style="color:red">In order to use our services, you have to enable notifications</h3>
+ <br><br>
+ </div>
+ <h1 class="mb2">Be first to know when new surveys are up!</h1>
+ </div>
+ <div id="notif_joined_div" style="display: none;">
+ <h1 class="mb2">You are in!</h1>
+ <p class="mb2">You will be among first who will get notifications when new surveys are up!</p>
+ </div>
+ <div id="notif_not_supported_div" style="display: none;">
+ <h1 class="mb2">This browser does not support our services!</h1>
+ <p class="mb2">Please update your browser or use another (latest versions of Chrome and Firefox are recommended)</p>
+ </div>
+ <!--<span>
+ <a href="https://www.apple.com/ios/app-store/" class="link"><img class="download" src="/pwa/img/ios.png" alt="Download on the App Store"></a>
+ </span>
+ <span>
+ <a href="https://play.google.com/store" class="link"><img class="download" src="/pwa/img/googleplay.png" alt="Download on Google Play"></a>
+ </span>-->
+ </div>
+ </header>
+
+ <main>
+ <!-- Feature list -->
+ <div class="container pt3 mt2 text--gray align--center">
+ <p class="mb3">Efficient data gathering.</p>
+ <div class="grid-row">
+ <div class="grid-column span-one-third mb3">
+ <img class="illustration--small mb1" src="admin/survey/modules/mod_WPN/frontend/img/messaging.svg" alt="Fast messaging">
+ <p>Fast messaging</p>
+ </div>
+ <div class="grid-column span-one-third mb3">
+ <img class="illustration--small mb1" src="admin/survey/modules/mod_WPN/frontend/img/assign.svg" alt="Assign to others">
+ <p>Assign to others</p>
+ </div>
+ <div class="grid-column span-one-third mb3">
+ <img class="illustration--small mb1" src="admin/survey/modules/mod_WPN/frontend/img/connected.svg" alt="Stay connected">
+ <p>Stay connected</p>
+ </div>
+ <!-- <div class="grid-column span-one-third mb3">
+ <img class="illustration--small mb1" src="img/search.svg" alt="Powerful search">
+ <p>Powerful search</p>
+ </div>
+ <div class="grid-column span-one-third mb3">
+ <img class="illustration--small mb1" src="img/vault.svg" alt="Put in a vault">
+ <p>Put in a vault</p>
+ </div>-->
+ <!-- <div class="grid-column span-one-third mb3">
+ <img class="illustration--small mb1" src="img/mail.svg" alt="Share with others">
+ <p>Share with others</p>
+ </div>-->
+ </div>
+ </div>
+
+ <!-- Focus -->
+ <div class="container--lg pt1 pb1">
+
+ <div class="grid-row grid-row--center">
+ <div class="grid-column mt3 mb2 order-2">
+ <div class="border--bottom pb2 mb2">
+ <h2>Usage data</h2>
+ <p>Quis istud possit, inquit, negare? Videamus animi partes, quarum est conspectus illustrior; Illa sunt similia: hebes acies est cuipiam oculorum, corpore alius senescit; Non enim, si omnia non sequebatur.</p>
+ </div>
+ <p class="italic text--gray mb1">Quae quo sunt excelsiores, eo dant clariora indicia naturae. Causa autem fuit huc veniendi ut quosdam hinc.</p>
+ <p class="bold">Carry Andersen, COO at Stripe</p>
+ </div>
+ <div class="grid-column span-1"></div>
+ <div class="grid-column mt3 mb2 order-1">
+ <img src="admin/survey/modules/mod_WPN/frontend/img/data.svg" alt="Usage data">
+ </div>
+ </div>
+
+ <div class="grid-row grid-row--center">
+ <div class="grid-column mt3 mb2">
+ <img src="admin/survey/modules/mod_WPN/frontend/img/security.svg" alt="Absolute security">
+ </div>
+ <div class="grid-column span-1"></div>
+ <div class="grid-column mt3 mb2">
+ <div class="border--bottom pb2 mb2">
+ <h2>Absolute security</h2>
+ <p>Itaque his sapiens semper vacabit. Qualis ista philosophia est, quae non interitum afferat pravitatis, sed sit contenta mediocritate vitiorum? Quid de Platone aut de Democrito loquar? Quis istud possit, inquit negare?</p>
+ </div>
+ <p class="italic text--gray mb1">Estne, quaeso, inquam, sitienti in bibendo voluptas? Duo Reges: constructio interrete.</p>
+ <p class="bold">Josh Blenton, Product Manager at Blinkist</p>
+ </div>
+ </div>
+
+ </div>
+
+ <!-- Mentioned -->
+ <!--<div class="container--lg pt3 pb3 mb2 align--center">
+ <p class="mb2">Mentioned in</p>
+ <span><img class="mentioned" src="img/mentioned.svg" alt="New York Times, TC, Product Hunt, Recode"></span>
+ </div>-->
+
+ <!-- CTA -->
+ <!--<div class="bg--dark-gray align--center pt3 pb3">
+ <div class="container pt2 pb2">
+ <img class="cta-image mb2" src="img/text.svg" alt="Text the app">
+ <p class="h3 text--white mb1 bold">We'll text you the app</p>
+ <p class="text--white mb3">Just insert your number below. Messaging rates apply.</p>
+ <div class="inline-block mr1 no-mr-on-mobile" style="width:280px;max-width:100%">
+ <input class="form-control" type="tel" placeholder="Phone number">
+ </div>
+ <button class="btn btn--secondary">Send</button>
+ </div>
+ </div>-->
+
+ </main>
+
+ <!-- Footer -->
+ <footer class="pt1 pb3 align--center-on-mobile">
+ <!--<div class="container">
+ <div class="grid-row">
+ <div class="grid-column mt2 span-half">
+ <div class="mb1">
+ <span>
+ <a href="https://www.apple.com/ios/app-store/" class="link"><img class="download" src="img/ios.png" alt="Download on the App Store"></a>
+ </span>
+ <span>
+ <a href="https://play.google.com/store" class="link"><img class="download" src="img/googleplay.png" alt="Download on Google Play"></a>
+ </span>
+ </div>
+ <p class="small">Design by <a href="https://www.eatapapaya.com" class="link link--text">Papaya</a>. Illustrations from <a href="https://undraw.co/" class="link link--text">Undraw</a>.</p>
+ </div>
+ <div class="grid-column mt2 span-half align--right align--center-on-mobile">
+ <ul class="no-bullets list--inline">
+ <li class="mr1"><a href="" class="link"><img class="icon" src="img/youtube.svg" alt="YouTube"></a></li>
+ <li class="mr1"><a href="" class="link"><img class="icon" src="img/twitter.svg" alt="Twitter"></a></li>
+ <li><a href="" class="link"><img class="icon" src="img/facebook.svg" alt="Facebook"></a></li>
+ </ul>
+ </div>
+ </div>
+ </div>-->
+ </footer>
+
+ <script src="admin/survey/modules/mod_WPN/frontend/js/main.js"></script>
+ </body>
+</html>
+
diff --git a/admin/survey/modules/mod_WPN/frontend/index1.html b/admin/survey/modules/mod_WPN/frontend/index1.html index eca291f..629bf8f 100644 --- a/admin/survey/modules/mod_WPN/frontend/index1.html +++ b/admin/survey/modules/mod_WPN/frontend/index1.html @@ -1,360 +1,360 @@ -<!doctype html> -<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]--> -<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]--> -<!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]--> -<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> - <head> - <meta charset="utf-8"> - <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> - <title>NCC Computer Science</title> - <meta name="description" content="NCC Computer Science Progressive Web App"> - <meta name="viewport" content="width=device-width, initial-scale=1"> - - <link rel="stylesheet" href="css/normalize.min.css"> - <link rel="stylesheet" href="css/main.css"> - <script src="js/main.js"></script> - - <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> - <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> - <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> - <link rel="manifest" href="/manifest.json"> - <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> - <meta name="msapplication-TileColor" content="#da532c"> - <meta name="theme-color" content="#ffffff"> - <meta name="apple-moblile-web-app-capable" content="yes"> - <meta name="apple-moblile-web-app-status-bar-style" content="default"> - <link rel="apple-touch-startup-image" href="/apple-touch-icon.png"> - <!-- iOS Splash Screen Images --> - <link rel="apple-touch-startup-image" href="apple-splash-640.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"> - <link rel="apple-touch-startup-image" href="apple-splash-750.png" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"> - <link rel="apple-touch-startup-image" href="apple-splash-1242.png" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"> - <link rel="apple-touch-startup-image" href="apple-splash-1125.png" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"> - <link rel="apple-touch-startup-image" href="apple-splash-1536.png" media="(min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)"> - <link rel="apple-touch-startup-image" href="apple-splash-1668.png" media="(min-device-width: 834px) and (max-device-width: 834px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)"> - <link rel="apple-touch-startup-image" href="apple-splash-2048.png" media="(min-device-width: 1024px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)"> - - </head> - <body> - <!--[if lt IE 8]> - <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> - <![endif]--> - <div class="header-container"> - <header class="wrapper clearfix"> - <span id="trigger" onClick="toggleNav()"> - <span class="triggerLine"></span> - <span class="triggerLine"></span> - <span class="triggerLine"></span> - </span> - <h1 class="title">Computer Science</h1> - <nav> - <ul> - <li><a href="#faculty" onclick="toggleNav()">Faculty</a></li> - <li><a href="#programs" onclick="toggleNav()">Programs</a></li> - <li><a href="#courses" onclick="toggleNav()">Courses</a></li> - </ul> - </nav> - </header> - </div> - - <div class="main-container"> - <div class="main wrapper clearfix"> - <section id="addToHomeScreen"> - <h1>Install App</h1> - <img src="/pwa/android-chrome-192x192.png" alt="NCC CS" /> - Add our app to your home screen?<br /> - <a href="javascript:void(0)" onClick="hidePrompt()" style="text-decoration:none;">No, Thanks</a> - <button onClick="installApp()">Yes, Please!</button> - </section> - <article id="top"> - <header> - <h1>Welcome!</h1> - <p class="subtitle"> - You've come to the right place! - </p> - <p> - It’s an exciting – and lucrative – time to be a - Computer Science major. At NCC, you’ll be grounded - in Computer Science fundamentals and exposed to - today’s employable technologies. Want to build - Mobile Apps? Want to create state of the art web - pages? Want to learn advanced topics? No worries - – we’ve got you covered. - </p> - <p> - Whether you are a transfer student looking to start - an advanced degree or a programmer learning a new - language or just looking to add skills to your tool - set, NCC’s Computer Science Department has Courses - and Programs to meet your needs. - </p> - - </header> - <section id="faculty"> - <h2>Faculty</h2> - <p> - NCC's Computer Science faculty possess an abundance - of real world experience coupled with twenty-first century - teaching abilities. The result is classes that ground - students in theory while teaching them how to implement - the technologies needed to thrive in today's economy. - </p> - <div class="facultyContainer"> - <h4> - Professor Tom Duffy, Department Chair - </h4> - <div class="facultyImage"> - <p> - <img class="responsiveImg" src="img/duffy.jpg" alt="Tom Duffy" /> - </p> - <p> - <a href="tel:2038576892">(203) 857-6892</a> - </p> - <p> - <a href="mailto:tduffy@norwalk.edu">tduffy@norwalk.edu</a> - </p> - </div> - <p> - - Professor Tom Duffy is the Chair of the Computer - Science Department and the Program Coordinator - for the Computer Science degree as well as the Web - Developer, Relational Database, and Smartphone App - Development certificates. He teaches courses in Web - Development, XML, Java, and Mobile Device Programming. - </p> - <p> - Tom holds a Bachelor of Science degree in Mathematics - and Master of Arts degree in Mathematics/Computer Science - from Western Connecticut State University. He is the - owner of Bright Moments Software – a software company - specializing in Web Technologies. - </p> - <p> - Tom has recently published <a href="http://www.bright-moments.com/pmd" target="_blank" rel="noopener">Programming With Mobile Applications</a>, his second book. The book is available from Cengage Learning. - </p> - <p> - <a href="#top">Back To Top</a> - </p> - - </div> - <div class="facultyContainer"> - <h4> - Professor Patrick Cassidy - </h4> - <div class="facultyImage"> - <p> - <img class="responsiveImg" src="img/cassidy.jpg" alt="Patrick Cassidy" /> - </p> - <p> - <a href="tel:2038577336">(203) 857-7336</a> - </p> - <p> - <a href="mailto:pcassidy@norwalk.edu">pcassidy@norwalk.edu</a> - </p> - </div> - <p> - Professor Cassidy is the Coordinator for the Computer - Security degree and Networking Certificate programs. - He is also the Main Contact for NCC’s Cisco Academy. - </p> - <p> - Before coming to NCC, Prof. Cassidy was a Project - Associate for the University of Michigan working out - of the General Motors Plant in Tarrytown, NY. He has - also taught at Westchester Community College in both - the Mathematics and Computer Science departments. - </p> - <p> - He holds a M.S. in Computer Science from Polytechnic - University, a B.S. in Aeronautical Science from - Embry Riddle Aeronautical University, and an A.S. - in Mathematics and Science from Westchester Community - College. Prof. Cassidy is a Cisco Certified Network - Associate (CCNA) and Cisco Certified Academy Instructor - (CCAI). He also holds multiple ratings from the - FAA as well as being a Certified Flight - Instructor – Instrument (CFII). - </p> - <p> - <a href="#top">Back To Top</a> - </p> - </div> - <div class="facultyContainer"> - <h4> - Professor Kerry Cramer - </h4> - <div class="facultyImage"> - <p> - <img class="responsiveImg" src="img/cramer.jpg" alt="Kerry Cramer" /> - </p> - <p> - <a href="tel:2038573332">(203) 857-3332</a> - </p> - <p> - <a href="mailto:kcramer@norwalk.edu">kcramer@norwalk.edu</a> - </p> - </div> - <p> - Professor Kerry V. Cramer is an information technology - professional with 30 years experience in computer - programming, information technologies, and IT project - management. Mr. Cramer has been an adjunct professor at - Manhattanville College, and University of New Haven - teaching several courses in the Computer Science - curriculum as well as substitute teaching K-12 at - schools in the Danbury, CT area. - </p> - <p>Professor Cramer’s strengths - include strong project management disciplines, - technical, supervisory and team management skills in - Internet, Lotus Notes, and legacy application development - and maintenance environments as well as extensive college - and professional recruiting experience. - </p> - <p> - <a href="#top">Back To Top</a> - </p> - </div> - <div class="facultyContainer"> - <h4> - Professor Charles Gabor - </h4> - <div class="facultyImage"> - <p> - <img class="responsiveImg" src="img/gabor.jpg" alt="Charles Gabor" /> - </p> - <p> - <a href="tel:2038577315">(203) 857-7315</a> - </p> - <p> - <a href="mailto:cgabor@norwalk.edu">cgabor@norwalk.edu</a> - </p> - </div> - <p> - Professor Gabor teaches Database Development and Java courses. - Before joining the NCC faculty he was a Lieutenant/Senior - Military Instructor at the United States Naval Academy. - Prior to that he was a Software Engineer at Pitney Bowes Inc. - </p> - <p> - Professor Gabor holds a graduate certificate in Computer - Science from Purdue University, a M.S. degree from - the University of New Haven and a B.S degree in - Applied Science from Charter Oak State College. - He is a member of the Honor Society in Computer Science, - Upsilon Pi Epsilon and a retired Commander in the U.S. Navy. - </p> - <p> - <a href="#top">Back To Top</a> - </p> - </div> - - </section> - <section id="programs"> - <h2>Programs</h2> - <p> - Our programs serve both traditional first-time students - as well as professionals currently working in the field. - The curriculum is flexible enough to meet the needs of - students who wish to transfer to a baccalaureate - institution and students preparing for immediate - entry into the workplace. - </p> - <p class="subtitle"> - Degree Programs - </p> - <p> - <a href="https://norwalk.edu/academics/cs/computer-science-program-a-s/" target="_blank" rel="noopener">AS Computer Science</a> - </p> - <p> - <a href="https://norwalk.edu/academics/cs/computer-security-program-a-s/" target="_blank" rel="noopener">AS Computer Security</a> - </p> - <p class="subtitle"> - Certificate Programs - </p> - <p> - <a href="https://norwalk.edu/academics/cs/relational-database-development-certificate-program/" target="_blank" rel="noopener">Relational Database Development</a> - </p> - <p> - <a href="https://norwalk.edu/academics/cs/smartphone-app-development-certificate-program/" target="_blank" rel="noopener">Smartphone App Development</a> - </p> - <p> - <a href="https://norwalk.edu/academics/cs/web-developer-certificate-program/" target="_blank" rel="noopener">Web Developer</a> - </p> - <p> - <a href="#top">Back To Top</a> - </p> - </section> - <section id="courses"> - <h2>Courses</h2> - <p> - Computer Science courses at NCC not only prepare students to - transfer into a baccalaureate institution. They also serve - those students who wish to enter the workforce directly. - All our courses expose students to the course's underlying CS - theory as well as teach students how to implement those - theories. The result is students who are prepared for - whatever they choose to do next. - </p> - <p> - <a href="http://catalog.norwalk.edu/content.php?filter%5B27%5D=CSC&filter%5B29%5D=&filter%5Bcourse_type%5D=-1&filter%5Bkeyword%5D=&filter%5B32%5D=1&filter%5Bcpage%5D=1&cur_cat_oid=3&expand=&navoid=136&search_database=Filter#acalog_template_course_filter" target="_blank" rel="noopener">Computer Science (CSC)</a> - </p> - <p> - <a href="http://catalog.norwalk.edu/content.php?filter%5B27%5D=CST&filter%5B29%5D=&filter%5Bcourse_type%5D=-1&filter%5Bkeyword%5D=&filter%5B32%5D=1&filter%5Bcpage%5D=1&cur_cat_oid=3&expand=&navoid=136&search_database=Filter#acalog_template_course_filter" target="_blank" rel="noopener">Computer Technology (CST)</a> - </p> - <p> - <a href="http://catalog.norwalk.edu/content.php?filter%5B27%5D=CSA&filter%5B29%5D=&filter%5Bcourse_type%5D=-1&filter%5Bkeyword%5D=&filter%5B32%5D=1&filter%5Bcpage%5D=1&cur_cat_oid=3&expand=&navoid=136&search_database=Filter#acalog_template_course_filter" target="_blank" rel="noopener">Computer Applications (CSA)</a> - </p> - <p> - <a href="#top">Back To Top</a> - </p> - </section> - </article> - - <aside id="info"> - <h3><metadata></h3> - <h4> - <a href="https://insights.stackoverflow.com/survey/2018/#technology" target="_blank" rel="noopener">Most popular lang</a> - </h4> - <h4> - <a href="https://www.indeed.com/jobtrends/techsoftware-category-trends" target="_blank" rel="noopener">Job Trends</a> - </h4> - <h4> - <a href="https://www.naceweb.org/job-market/compensation/the-top-paid-majors-for-the-class-of-2018/" target="_blank" rel="noopener">Top Paid Majors</a> - </h4> - <h4> - <a href="https://youtu.be/nKIu9yen5nc" target="_blank" rel="noopener">Get Coding!</a> - </h4> - <h3></metadata></h3> - </aside> - - </div> - </div> - - <div class="footer-container"> - <footer class="wrapper"> - <p class="footerLinks"> - <a href="#top">Top</a><br/> - <a href="#faculty">Faculty</a><br/> - <a href="#programs">Programs</a><br/> - <a href="#courses">Courses</a> - </p> - <p> - © 2017 Norwalk Community College <br/>188 Richards Avenue <br/>Norwalk, CT 06854 <br/>203-857-7000 - </p> - </footer> - </div> - <div id="instructions"> - <button onClick="hideInstructions()">X</button> - <p> - <img src="apple-touch-icon.png" alt="icon" /> - </p> - <p> - Install our app on your Home Screen for Quick Access - </p> - <p> - Tap <img src="img/share.png" alt="share" /> then <img src="img/aths.png" alt="Add To Home Screen" /> - </p> - </div> - </body> -</html> +<!doctype html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>NCC Computer Science</title>
+ <meta name="description" content="NCC Computer Science Progressive Web App">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+
+ <link rel="stylesheet" href="css/normalize.min.css">
+ <link rel="stylesheet" href="css/main.css">
+ <script src="js/main.js"></script>
+
+ <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+ <link rel="manifest" href="/manifest.json">
+ <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
+ <meta name="msapplication-TileColor" content="#da532c">
+ <meta name="theme-color" content="#ffffff">
+ <meta name="apple-moblile-web-app-capable" content="yes">
+ <meta name="apple-moblile-web-app-status-bar-style" content="default">
+ <link rel="apple-touch-startup-image" href="/apple-touch-icon.png">
+ <!-- iOS Splash Screen Images -->
+ <link rel="apple-touch-startup-image" href="apple-splash-640.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
+ <link rel="apple-touch-startup-image" href="apple-splash-750.png" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
+ <link rel="apple-touch-startup-image" href="apple-splash-1242.png" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
+ <link rel="apple-touch-startup-image" href="apple-splash-1125.png" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
+ <link rel="apple-touch-startup-image" href="apple-splash-1536.png" media="(min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)">
+ <link rel="apple-touch-startup-image" href="apple-splash-1668.png" media="(min-device-width: 834px) and (max-device-width: 834px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)">
+ <link rel="apple-touch-startup-image" href="apple-splash-2048.png" media="(min-device-width: 1024px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)">
+
+ </head>
+ <body>
+ <!--[if lt IE 8]>
+ <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+ <![endif]-->
+ <div class="header-container">
+ <header class="wrapper clearfix">
+ <span id="trigger" onClick="toggleNav()">
+ <span class="triggerLine"></span>
+ <span class="triggerLine"></span>
+ <span class="triggerLine"></span>
+ </span>
+ <h1 class="title">Computer Science</h1>
+ <nav>
+ <ul>
+ <li><a href="#faculty" onclick="toggleNav()">Faculty</a></li>
+ <li><a href="#programs" onclick="toggleNav()">Programs</a></li>
+ <li><a href="#courses" onclick="toggleNav()">Courses</a></li>
+ </ul>
+ </nav>
+ </header>
+ </div>
+
+ <div class="main-container">
+ <div class="main wrapper clearfix">
+ <section id="addToHomeScreen">
+ <h1>Install App</h1>
+ <img src="/pwa/android-chrome-192x192.png" alt="NCC CS" />
+ Add our app to your home screen?<br />
+ <a href="javascript:void(0)" onClick="hidePrompt()" style="text-decoration:none;">No, Thanks</a>
+ <button onClick="installApp()">Yes, Please!</button>
+ </section>
+ <article id="top">
+ <header>
+ <h1>Welcome!</h1>
+ <p class="subtitle">
+ You've come to the right place!
+ </p>
+ <p>
+ It’s an exciting – and lucrative – time to be a
+ Computer Science major. At NCC, you’ll be grounded
+ in Computer Science fundamentals and exposed to
+ today’s employable technologies. Want to build
+ Mobile Apps? Want to create state of the art web
+ pages? Want to learn advanced topics? No worries
+ – we’ve got you covered.
+ </p>
+ <p>
+ Whether you are a transfer student looking to start
+ an advanced degree or a programmer learning a new
+ language or just looking to add skills to your tool
+ set, NCC’s Computer Science Department has Courses
+ and Programs to meet your needs.
+ </p>
+
+ </header>
+ <section id="faculty">
+ <h2>Faculty</h2>
+ <p>
+ NCC's Computer Science faculty possess an abundance
+ of real world experience coupled with twenty-first century
+ teaching abilities. The result is classes that ground
+ students in theory while teaching them how to implement
+ the technologies needed to thrive in today's economy.
+ </p>
+ <div class="facultyContainer">
+ <h4>
+ Professor Tom Duffy, Department Chair
+ </h4>
+ <div class="facultyImage">
+ <p>
+ <img class="responsiveImg" src="img/duffy.jpg" alt="Tom Duffy" />
+ </p>
+ <p>
+ <a href="tel:2038576892">(203) 857-6892</a>
+ </p>
+ <p>
+ <a href="mailto:tduffy@norwalk.edu">tduffy@norwalk.edu</a>
+ </p>
+ </div>
+ <p>
+
+ Professor Tom Duffy is the Chair of the Computer
+ Science Department and the Program Coordinator
+ for the Computer Science degree as well as the Web
+ Developer, Relational Database, and Smartphone App
+ Development certificates. He teaches courses in Web
+ Development, XML, Java, and Mobile Device Programming.
+ </p>
+ <p>
+ Tom holds a Bachelor of Science degree in Mathematics
+ and Master of Arts degree in Mathematics/Computer Science
+ from Western Connecticut State University. He is the
+ owner of Bright Moments Software – a software company
+ specializing in Web Technologies.
+ </p>
+ <p>
+ Tom has recently published <a href="http://www.bright-moments.com/pmd" target="_blank" rel="noopener">Programming With Mobile Applications</a>, his second book. The book is available from Cengage Learning.
+ </p>
+ <p>
+ <a href="#top">Back To Top</a>
+ </p>
+
+ </div>
+ <div class="facultyContainer">
+ <h4>
+ Professor Patrick Cassidy
+ </h4>
+ <div class="facultyImage">
+ <p>
+ <img class="responsiveImg" src="img/cassidy.jpg" alt="Patrick Cassidy" />
+ </p>
+ <p>
+ <a href="tel:2038577336">(203) 857-7336</a>
+ </p>
+ <p>
+ <a href="mailto:pcassidy@norwalk.edu">pcassidy@norwalk.edu</a>
+ </p>
+ </div>
+ <p>
+ Professor Cassidy is the Coordinator for the Computer
+ Security degree and Networking Certificate programs.
+ He is also the Main Contact for NCC’s Cisco Academy.
+ </p>
+ <p>
+ Before coming to NCC, Prof. Cassidy was a Project
+ Associate for the University of Michigan working out
+ of the General Motors Plant in Tarrytown, NY. He has
+ also taught at Westchester Community College in both
+ the Mathematics and Computer Science departments.
+ </p>
+ <p>
+ He holds a M.S. in Computer Science from Polytechnic
+ University, a B.S. in Aeronautical Science from
+ Embry Riddle Aeronautical University, and an A.S.
+ in Mathematics and Science from Westchester Community
+ College. Prof. Cassidy is a Cisco Certified Network
+ Associate (CCNA) and Cisco Certified Academy Instructor
+ (CCAI). He also holds multiple ratings from the
+ FAA as well as being a Certified Flight
+ Instructor – Instrument (CFII).
+ </p>
+ <p>
+ <a href="#top">Back To Top</a>
+ </p>
+ </div>
+ <div class="facultyContainer">
+ <h4>
+ Professor Kerry Cramer
+ </h4>
+ <div class="facultyImage">
+ <p>
+ <img class="responsiveImg" src="img/cramer.jpg" alt="Kerry Cramer" />
+ </p>
+ <p>
+ <a href="tel:2038573332">(203) 857-3332</a>
+ </p>
+ <p>
+ <a href="mailto:kcramer@norwalk.edu">kcramer@norwalk.edu</a>
+ </p>
+ </div>
+ <p>
+ Professor Kerry V. Cramer is an information technology
+ professional with 30 years experience in computer
+ programming, information technologies, and IT project
+ management. Mr. Cramer has been an adjunct professor at
+ Manhattanville College, and University of New Haven
+ teaching several courses in the Computer Science
+ curriculum as well as substitute teaching K-12 at
+ schools in the Danbury, CT area.
+ </p>
+ <p>Professor Cramer’s strengths
+ include strong project management disciplines,
+ technical, supervisory and team management skills in
+ Internet, Lotus Notes, and legacy application development
+ and maintenance environments as well as extensive college
+ and professional recruiting experience.
+ </p>
+ <p>
+ <a href="#top">Back To Top</a>
+ </p>
+ </div>
+ <div class="facultyContainer">
+ <h4>
+ Professor Charles Gabor
+ </h4>
+ <div class="facultyImage">
+ <p>
+ <img class="responsiveImg" src="img/gabor.jpg" alt="Charles Gabor" />
+ </p>
+ <p>
+ <a href="tel:2038577315">(203) 857-7315</a>
+ </p>
+ <p>
+ <a href="mailto:cgabor@norwalk.edu">cgabor@norwalk.edu</a>
+ </p>
+ </div>
+ <p>
+ Professor Gabor teaches Database Development and Java courses.
+ Before joining the NCC faculty he was a Lieutenant/Senior
+ Military Instructor at the United States Naval Academy.
+ Prior to that he was a Software Engineer at Pitney Bowes Inc.
+ </p>
+ <p>
+ Professor Gabor holds a graduate certificate in Computer
+ Science from Purdue University, a M.S. degree from
+ the University of New Haven and a B.S degree in
+ Applied Science from Charter Oak State College.
+ He is a member of the Honor Society in Computer Science,
+ Upsilon Pi Epsilon and a retired Commander in the U.S. Navy.
+ </p>
+ <p>
+ <a href="#top">Back To Top</a>
+ </p>
+ </div>
+
+ </section>
+ <section id="programs">
+ <h2>Programs</h2>
+ <p>
+ Our programs serve both traditional first-time students
+ as well as professionals currently working in the field.
+ The curriculum is flexible enough to meet the needs of
+ students who wish to transfer to a baccalaureate
+ institution and students preparing for immediate
+ entry into the workplace.
+ </p>
+ <p class="subtitle">
+ Degree Programs
+ </p>
+ <p>
+ <a href="https://norwalk.edu/academics/cs/computer-science-program-a-s/" target="_blank" rel="noopener">AS Computer Science</a>
+ </p>
+ <p>
+ <a href="https://norwalk.edu/academics/cs/computer-security-program-a-s/" target="_blank" rel="noopener">AS Computer Security</a>
+ </p>
+ <p class="subtitle">
+ Certificate Programs
+ </p>
+ <p>
+ <a href="https://norwalk.edu/academics/cs/relational-database-development-certificate-program/" target="_blank" rel="noopener">Relational Database Development</a>
+ </p>
+ <p>
+ <a href="https://norwalk.edu/academics/cs/smartphone-app-development-certificate-program/" target="_blank" rel="noopener">Smartphone App Development</a>
+ </p>
+ <p>
+ <a href="https://norwalk.edu/academics/cs/web-developer-certificate-program/" target="_blank" rel="noopener">Web Developer</a>
+ </p>
+ <p>
+ <a href="#top">Back To Top</a>
+ </p>
+ </section>
+ <section id="courses">
+ <h2>Courses</h2>
+ <p>
+ Computer Science courses at NCC not only prepare students to
+ transfer into a baccalaureate institution. They also serve
+ those students who wish to enter the workforce directly.
+ All our courses expose students to the course's underlying CS
+ theory as well as teach students how to implement those
+ theories. The result is students who are prepared for
+ whatever they choose to do next.
+ </p>
+ <p>
+ <a href="http://catalog.norwalk.edu/content.php?filter%5B27%5D=CSC&filter%5B29%5D=&filter%5Bcourse_type%5D=-1&filter%5Bkeyword%5D=&filter%5B32%5D=1&filter%5Bcpage%5D=1&cur_cat_oid=3&expand=&navoid=136&search_database=Filter#acalog_template_course_filter" target="_blank" rel="noopener">Computer Science (CSC)</a>
+ </p>
+ <p>
+ <a href="http://catalog.norwalk.edu/content.php?filter%5B27%5D=CST&filter%5B29%5D=&filter%5Bcourse_type%5D=-1&filter%5Bkeyword%5D=&filter%5B32%5D=1&filter%5Bcpage%5D=1&cur_cat_oid=3&expand=&navoid=136&search_database=Filter#acalog_template_course_filter" target="_blank" rel="noopener">Computer Technology (CST)</a>
+ </p>
+ <p>
+ <a href="http://catalog.norwalk.edu/content.php?filter%5B27%5D=CSA&filter%5B29%5D=&filter%5Bcourse_type%5D=-1&filter%5Bkeyword%5D=&filter%5B32%5D=1&filter%5Bcpage%5D=1&cur_cat_oid=3&expand=&navoid=136&search_database=Filter#acalog_template_course_filter" target="_blank" rel="noopener">Computer Applications (CSA)</a>
+ </p>
+ <p>
+ <a href="#top">Back To Top</a>
+ </p>
+ </section>
+ </article>
+
+ <aside id="info">
+ <h3><metadata></h3>
+ <h4>
+ <a href="https://insights.stackoverflow.com/survey/2018/#technology" target="_blank" rel="noopener">Most popular lang</a>
+ </h4>
+ <h4>
+ <a href="https://www.indeed.com/jobtrends/techsoftware-category-trends" target="_blank" rel="noopener">Job Trends</a>
+ </h4>
+ <h4>
+ <a href="https://www.naceweb.org/job-market/compensation/the-top-paid-majors-for-the-class-of-2018/" target="_blank" rel="noopener">Top Paid Majors</a>
+ </h4>
+ <h4>
+ <a href="https://youtu.be/nKIu9yen5nc" target="_blank" rel="noopener">Get Coding!</a>
+ </h4>
+ <h3></metadata></h3>
+ </aside>
+
+ </div>
+ </div>
+
+ <div class="footer-container">
+ <footer class="wrapper">
+ <p class="footerLinks">
+ <a href="#top">Top</a><br/>
+ <a href="#faculty">Faculty</a><br/>
+ <a href="#programs">Programs</a><br/>
+ <a href="#courses">Courses</a>
+ </p>
+ <p>
+ © 2017 Norwalk Community College <br/>188 Richards Avenue <br/>Norwalk, CT 06854 <br/>203-857-7000
+ </p>
+ </footer>
+ </div>
+ <div id="instructions">
+ <button onClick="hideInstructions()">X</button>
+ <p>
+ <img src="apple-touch-icon.png" alt="icon" />
+ </p>
+ <p>
+ Install our app on your Home Screen for Quick Access
+ </p>
+ <p>
+ Tap <img src="img/share.png" alt="share" /> then <img src="img/aths.png" alt="Add To Home Screen" />
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/admin/survey/modules/mod_WPN/frontend/ui.html b/admin/survey/modules/mod_WPN/frontend/ui.html index dc088f5..9dca28b 100644 --- a/admin/survey/modules/mod_WPN/frontend/ui.html +++ b/admin/survey/modules/mod_WPN/frontend/ui.html @@ -1,104 +1,104 @@ -<!doctype html> -<html lang="en-us"> - - <head> - - <!-- Meta --> - <meta charset="utf-8"> - <meta http-equiv="x-ua-compatible" content="ie=edge"> - <meta name="viewport" content="width=device-width,initial-scale=1"> - - <title>Carta</title> - <meta name="description" content=""> - - <!-- The compiled CSS file --> - <link rel="stylesheet" href="css/production.css"> - - <!-- Web fonts --> - <link href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700|Source+Serif+Pro:700" rel="stylesheet"> - - <!-- favicon.ico. Place these in the root directory. --> - <link rel="shortcut icon" href="favicon.ico"> - - </head> - - <body> - - - <div class="container pt3 pb3"> - - <!-- Colors --> - <section class="pb4 align--center"> - <h2 class="text--gray pb1 border--bottom">Colors</h2> - <div class="pt1 pb1 text--white bg--primary-color">Primary brand color</div> - <div class="pt1 pb1 text--white bg--secondary-color">Secondary brand color</div> - <div class="pt1 pb1 text--white bg--tertiary-color">Brand accent color</div> - <div class="pt1 pb1 text--white bg--darkest-gray">Darkest gray</div> - <div class="pt1 pb1 text--white bg--dark-gray">Dark gray</div> - <div class="pt1 pb1 text--white bg--gray">Gray</div> - <div class="pt1 pb1 text--white bg--light-gray">Light gray</div> - <div class="pt1 pb1 bg--lightest-gray">Lightest gray</div> - </section> - - <!-- Type --> - <section class="pb4 reading-font"> - <h2 class="text--gray pb1 border--bottom">Type</h2> - <h1>A new take on health care for small businesses.</h1> - <h2>Heading 2</h2> - <h3>Heading 3</h3> - <h4>Heading 4</h4> - <h5>Heading 5</h5> - <h6>Heading 6</h6> - <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, semper suscipit, posuere a, pede.</p> - <p>Sed adipiscing ornare risus. Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. Pellentesque egestas sem. Suspendisse commodo ullamcorper magna. Ut aliquam sollicitudin leo.</p> - <blockquote class="blockquote">This is a blockquote. Suspendisse commodo ullamcorper magna.</blockquote> - <p>Lorem <sup>superscript</sup> dolor <sub>subscript</sub> amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. <cite>cite</cite>. Donec sed tellus eget sapien fringilla nonummy. <acronym title="National Basketball Association">NBA</acronym> Morbi imperdiet augue quis tellus. Suspendisse quam sem, <abbr title="Avenue">AVE</abbr> consequat at, commodo vitae, feugiat in nunc.</p> - <p>Morbi in sem quis dui <a class="link" href="#">placerat ornare</a>. Pellentesque odio nisi, euismod in <a class="link" href="#">pharetra</a> a, ultricies in, diam. Sed arcu. Cras consequat.</p> - <ul class="list--indented"> - <li>Aliquam tincidunt mauris eu risus.</li> - <li>Vestibulum auctor dapibus neque.</li> - <li>Nunc dignissim risus id metus.</li> - <li>Vivamus vestibulum nulla nec ante.</li> - </ul> - <p>Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.</p> - <ol class="list--indented m0"> - <li>Integer vitae libero ac risus egestas placerat.</li> - <li>Praesent placerat risus quis eros.</li> - <li>Ut aliquam sollicitudin leo.</li> - <li>Donec quis dui at dolor tempor interdum.</li> - </ol> - </section> - - <!-- Forms --> - <section class="pb4"> - <h2 class="text--gray pb1 border--bottom">Forms</h2> - <form class="form"> - <input class="form-control mb1" placeholder="Name"> - <input class="form-control mb1" type="email" placeholder="Email Address"> - <input class="form-control mb1" type="subject" placeholder="Subject"> - <div class="select mb1"> - <select> - <option selected="selected">Open this select</option> - <option>One</option> - <option>Two</option> - <option>Three</option> - </select> - </div> - <textarea class="form-control mb1" placeholder="Message"></textarea> - <button class="btn btn--default">Default</button> - </form> - </section> - - <!-- Buttons --> - <section class="pb4"> - <h2 class="text--gray pb1 border--bottom">Buttons</h2> - <a class="btn btn--default" href="">Medium Default</a> - <a class="btn btn--outline" href="">Medium Outline</a> - <a class="btn btn--default btn--sm" href="">Small Default</a> - </section> - - </div> <!-- End container --> - - </body> -</html> - +<!doctype html>
+<html lang="en-us">
+
+ <head>
+
+ <!-- Meta -->
+ <meta charset="utf-8">
+ <meta http-equiv="x-ua-compatible" content="ie=edge">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+
+ <title>Carta</title>
+ <meta name="description" content="">
+
+ <!-- The compiled CSS file -->
+ <link rel="stylesheet" href="css/production.css">
+
+ <!-- Web fonts -->
+ <link href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700|Source+Serif+Pro:700" rel="stylesheet">
+
+ <!-- favicon.ico. Place these in the root directory. -->
+ <link rel="shortcut icon" href="favicon.ico">
+
+ </head>
+
+ <body>
+
+
+ <div class="container pt3 pb3">
+
+ <!-- Colors -->
+ <section class="pb4 align--center">
+ <h2 class="text--gray pb1 border--bottom">Colors</h2>
+ <div class="pt1 pb1 text--white bg--primary-color">Primary brand color</div>
+ <div class="pt1 pb1 text--white bg--secondary-color">Secondary brand color</div>
+ <div class="pt1 pb1 text--white bg--tertiary-color">Brand accent color</div>
+ <div class="pt1 pb1 text--white bg--darkest-gray">Darkest gray</div>
+ <div class="pt1 pb1 text--white bg--dark-gray">Dark gray</div>
+ <div class="pt1 pb1 text--white bg--gray">Gray</div>
+ <div class="pt1 pb1 text--white bg--light-gray">Light gray</div>
+ <div class="pt1 pb1 bg--lightest-gray">Lightest gray</div>
+ </section>
+
+ <!-- Type -->
+ <section class="pb4 reading-font">
+ <h2 class="text--gray pb1 border--bottom">Type</h2>
+ <h1>A new take on health care for small businesses.</h1>
+ <h2>Heading 2</h2>
+ <h3>Heading 3</h3>
+ <h4>Heading 4</h4>
+ <h5>Heading 5</h5>
+ <h6>Heading 6</h6>
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, semper suscipit, posuere a, pede.</p>
+ <p>Sed adipiscing ornare risus. Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. Pellentesque egestas sem. Suspendisse commodo ullamcorper magna. Ut aliquam sollicitudin leo.</p>
+ <blockquote class="blockquote">This is a blockquote. Suspendisse commodo ullamcorper magna.</blockquote>
+ <p>Lorem <sup>superscript</sup> dolor <sub>subscript</sub> amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. <cite>cite</cite>. Donec sed tellus eget sapien fringilla nonummy. <acronym title="National Basketball Association">NBA</acronym> Morbi imperdiet augue quis tellus. Suspendisse quam sem, <abbr title="Avenue">AVE</abbr> consequat at, commodo vitae, feugiat in nunc.</p>
+ <p>Morbi in sem quis dui <a class="link" href="#">placerat ornare</a>. Pellentesque odio nisi, euismod in <a class="link" href="#">pharetra</a> a, ultricies in, diam. Sed arcu. Cras consequat.</p>
+ <ul class="list--indented">
+ <li>Aliquam tincidunt mauris eu risus.</li>
+ <li>Vestibulum auctor dapibus neque.</li>
+ <li>Nunc dignissim risus id metus.</li>
+ <li>Vivamus vestibulum nulla nec ante.</li>
+ </ul>
+ <p>Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.</p>
+ <ol class="list--indented m0">
+ <li>Integer vitae libero ac risus egestas placerat.</li>
+ <li>Praesent placerat risus quis eros.</li>
+ <li>Ut aliquam sollicitudin leo.</li>
+ <li>Donec quis dui at dolor tempor interdum.</li>
+ </ol>
+ </section>
+
+ <!-- Forms -->
+ <section class="pb4">
+ <h2 class="text--gray pb1 border--bottom">Forms</h2>
+ <form class="form">
+ <input class="form-control mb1" placeholder="Name">
+ <input class="form-control mb1" type="email" placeholder="Email Address">
+ <input class="form-control mb1" type="subject" placeholder="Subject">
+ <div class="select mb1">
+ <select>
+ <option selected="selected">Open this select</option>
+ <option>One</option>
+ <option>Two</option>
+ <option>Three</option>
+ </select>
+ </div>
+ <textarea class="form-control mb1" placeholder="Message"></textarea>
+ <button class="btn btn--default">Default</button>
+ </form>
+ </section>
+
+ <!-- Buttons -->
+ <section class="pb4">
+ <h2 class="text--gray pb1 border--bottom">Buttons</h2>
+ <a class="btn btn--default" href="">Medium Default</a>
+ <a class="btn btn--outline" href="">Medium Outline</a>
+ <a class="btn btn--default btn--sm" href="">Small Default</a>
+ </section>
+
+ </div> <!-- End container -->
+
+ </body>
+</html>
+
|