Skip to content
Permalink
master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

advanced_web/index.html

Go to file
 
 
Cannot retrieve contributors at this time
201 lines (178 sloc) 9.11 KB
Raw Blame
Open in GitHub Desktop
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>DMD|Advanced Web Design & Development</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</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]-->
<!-- Add your site or application content here -->
<header>
<div class="main">
<div class="back">
<img alt="" class="back" src="img/background.png">
<div class="gradient"></div>
</div>
<nav>
<ul>
<li><a href="http://dmd.uconn.edu/web-design-and-development/">DMD</a></li>
<li class="active"><a href="index.html">About</a></li>
<li><a href="Student_work.html">Showcase</a></li>
</ul>
</nav>
<div class="title">
<h1>Advanced Web Design</h1>
<div class="h2box">
<h2>Intermediate and advanced exploration into the techniques and modern methodologies involved in the creation and maintenance of websites and web applications.</h2>
</div>
<h1>and Development</h1>
</div>
<div class="DMD">
<p class="DMD1">D</p>
<p class="DMD2">M</p>
<p class="DMD3">D</p>
</div>
<div class="hexCont">
<div id="hex1" class="hexagon-wrapper">
<div id="color1" class="hexagon"></div>
</div>
<div id="hex2" class="hexagon-wrapper">
<!-- <div id="color2" class="hexagon"></div>-->
<img class="hexIMG" alt="working" src="img/Adv%20web%20mockup.png">
</div>
<div id="hex3" class="hexagon-wrapper">
<div id="color3" class="hexagon"></div>
</div>
<div id="hex4" class="hexagon-wrapper">
<div id="color4" class="hexagon"></div>
</div>
<div id="hex5" class="hexagon-wrapper">
<div id="color5" class="hexagon"></div>
</div>
<div id="hex6" class="hexagon-wrapper">
<div id="color6" class="hexagon"></div>
</div>
</div>
<div class="section1footer">
<p>School of Fine Arts</p>
<p class="thin">Digital Media and Design</p>
</div>
</div>
</header>
<section class="description">
<ul class="sidebar">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
<li>15</li>
<li>16</li>
<li>17</li>
</ul>
<div class="codeblock">
<ul class="pre code">
<li class="red">prerequisites <span class="white">{</span></li>
<li>familiarity<span class="white">:</span> <span class="red">HTML</span><span class="white">,</span> <span class="red">CSS</span><span class="white">;</span></li>
<li>ability<span class="white">:</span> create web pages<span class="white">;</span></li>
<li>class<span class="white">:</span> <span class="red">DMD</span> <span class="num">1070</span> <span class="quote">"Fundamentals of Web Design"</span><span class="white">;</span> <span class="grey">//or instructor consent</span></li>
<p><span class="white">}</span></p>
</ul>
<ul class="obj code">
<li>learning-objectives <span class="white">{</span></li>
<li>manage <span class="green">src</span><span class="white">=</span><span class="quote">"code"</span><span class="white">:</span> with <span class="red">Git/Github</span><span class="white">;</span></li>
<li>deploy<span class="white">:</span> websites using an <span class="red">FTP</span> client and web hosting<span class="white">;</span></li>
<li>create<span class="white">:</span> responsive web pages with advanced <span class="red">HTML</span> and <span class="red">CSS</span><span class="white">;</span></li>
<li>optimize<span class="white">:</span> website for mobile devices<span class="white">;</span></li>
<li>expedite<span class="white">:</span> <span class="red">CSS</span> development using <span class="red">Sass</span><span class="white">;</span></li>
<li>adhere<span class="white">:</span> to efficient workflow<span class="white">,</span> with extensive exploration of testing techniques<span class="white">;</span></li>
<p><span class="white">}</span></p>
</ul>
</div>
</section>
<span class="tech">
<div class="tech-bkg">
<div class="hex-grid">
<div class="tech-hex ghex01"><img class="bkg-hex" src="img/green_hex.png" alt="green hexagon"></div>
<div class="tech-hex phex01"><img class="bkg-hex" src="img/purple_hex.png" alt="purple hexagon"></div>
<div class="tech-hex ghex02"><img class="bkg-hex" src="img/green_hex.png" alt="green hexagon"></div>
<div class="tech-hex phex02"><img class="bkg-hex" src="img/purple_hex.png" alt="purple hexagon"></div>
<div class="tech-hex ghex03"><img class="bkg-hex" src="img/green_hex.png" alt="green hexagon"></div>
<div class="tech-hex phex03"><img class="bkg-hex" src="img/purple_hex.png" alt="purple hexagon"></div>
<div class="tech-hex ghex04"><img class="bkg-hex" src="img/green_hex.png" alt="green hexagon"></div>
<div class="tech-hex phex04"><img class="bkg-hex" src="img/purple_hex.png" alt="purple hexagon"></div>
<div class="tech-w">
<h3>Technologies</h3>
</div>
<div class="boilerplate tech-i">
<a href="https://html5boilerplate.com"><img class="tech-img" src="img/boilerplate_hex.png" alt="boilerplate"></a>
</div>
<div class="github tech-i">
<a href="https://github.com"><img class="tech-img" src="img/github_hex.png" alt="github"></a>
</div>
<div class="bootstrap tech-i">
<a href="http://getbootstrap.com"><img class="tech-img" src="img/bootstrap_hex.png" alt="bootstrap"></a>
</div>
<div class="html5 tech-i">
<img class="tech-img" src="img/html5_hex.png" alt="html5">
</div>
<div class="css3 tech-i">
<img class="tech-img" src="img/css3_hex.png" alt="css3">
</div>
<div class="koala tech-i">
<a href="http://koala-app.com"><img class="tech-img" src="img/koala_hex.png" alt="koala"></a>
</div>
<div class="filezilla tech-i">
<a href="https://filezilla-project.org"><img class="tech-img" src="img/filezilla_hex.png" alt="filezilla"></a>
</div>
<div class="sublime tech-i">
<a href="https://www.sublimetext.com"><img class="tech-img" src="img/sublime_hex.png" alt="sublime"></a>
</div>
<div class="sass tech-i">
<a href="http://sass-lang.com"><img class="tech-img" src="img/sass_hex.png" alt="sass"></a>
</div>
<div class="tech-ss">
<a href="Student_work.html"><h3>Student Showcase ></h3></a><i class="fa fa-chevron-right" aria-hidden="true"></i>
</div>
</div>
</div>
</span>
<footer>
<a href="https://www.instagram.com/uconndmd/"><img alt="social" src="img/insta.png"></a>
<a href="https://twitter.com/uconndmd"><img alt="social" src="img/twitter.png"></a>
<a href="https://www.facebook.com/UConnDMD?fref=ts"><img alt="social" src="img/facebook.png"></a>
</footer>
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.12.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='https://www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X','auto');ga('send','pageview');
</script>
</body>
</html>