TEB Updated-OLD1

Developer
Digital Accessibility
Size
4,524 Kb
Views
12,144
  1. TEB Updated-OLD1 Previews
  2. TEB Updated-OLD1 HTML Codes
  3. TEB Updated-OLD1 CSS Codes
  4. TEB Updated-OLD1 JS Codes

How do I make an teb updated-old1?

What is a teb updated-old1? How do you make a teb updated-old1? This script and codes were developed by Digital Accessibility on 04 December 2022, Sunday.

TEB Updated-OLD1 Previews
IQ Test

TEB Updated-OLD1 - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>TEB Updated-OLD1</title> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<!--[if lt IE 9]>
<script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href="styles.css" rel="stylesheet" type="text/css"/>
<script src="tabs.js"></script>
<title>
Tristen Breitenfeldt's E-Portfolio
</title>
</head>
<body>
<header>
<h1>Tristen E. Breitenfeldt</h1>
<nav aria-label="tab bar">
<div id="tabs">
<ul id="tabs" > <li class="tab" id="tab1" aria-selected="true">
Main
</a></li> <li class="tab" id="tab2"><a href="autobiography.html" tabindex="0" role="link" accesskey="a" aria-selected="false">
Autobiography
</a></li> <li class="tab" id="tab3"><a href="guidingprinciples.html" tabindex="0" role="link" accesskey="g" aria-selected="false">
My Guiding Principles
</a></li> <li class="tab" id="tab4"><a href="learningoutcomes.html" tabindex="0" role="link" accesskey="l" aria-selected="false">
Learning Outcomes
</a></li> <li class="tab" id="tab5"><a href="comprehensiveproject.html" tabindex="0" role="link" accesskey="p" aria-selected="false">
Comprehensive Project
</a></li> <li class="tab" id="tab6"><a href="resume.html" tabindex="0" role="link" accesskey="r" aria-selected="false">
Resume
</a></li> <li class="tab" id="tab7"><a href="worksamples.html" tabindex="0" role="link" accesskey="w" aria-selected="false">
Work Samples
</a></li>
</ul>
</div>
</nav>
</header>
<main>
<div id="credentials">
<blockquote>M.S. in Educational Leadership and Policy<br>
Specialization in Postsecondary, Adult, and Continuing Education<br>
Portland State University<br>
(Graduating June 10, 2016)</blockquote>
</div>
<img src="http://www.tristenb.com/Kiowa.jpg" alt="Photo of Kiowa sitting in front of Tristen on their first day of training at Guide Dogs for the Blind. Kiowa is a 58 pound, female, black labrador Retriever with a triangular white patch on her chest."
height="640" width="480"/>
<br>
<h2>Welcome To My Portfolio!</h2>
<p>My name is Tristen Breitenfeldt and I am graduating with a Master of Science degree in Educational Leadership and Policy from the Postsecondary Adult and Continuing Education (PACE) program at Portland State University in June 2016. I am visually impaired and I transferred into the PACE graduate program from a Sped licensure program in Summer 2015. So, in short, I have a background in educating students with disabilities. Also during the Summer of 2015, I was sought out and hired by the PSU Office of Academic Innovation as a student employee. I have been working in that capacity for about ten months now and I absolutely love and strongly believe in the work that I do there.</p>
<p>My job is primarily as a part-time accessibility tester and I love it so much that I want electronic accessibility compliance and quality assurance to be my full-time career when I graduate in June. In preparation for a career in ensuring that electronic environments and content are accessible to everyone regardless of disability, I have focused my Comps project on the development and implementation of accessible e-learning design standards which I call the Universal Design For eLearning framework, UDEL for short.</p>
<p>Family is very important to me. I have two younger brothers with whom I am very close. My mom and most of my family live in Washington state. Additionally, in March of 2016, I welcomed a new friend and partner into my life named Kiowa! Kiowa is my new guide dog--a female, 52 pound black Labrador-Golden Retriever cross who is very energetic and lovable.</p>
<p>If you are interested in learning about the UDEL framework, please visit the <a href="http://www.tristenb.com/udel" target="_blank">Universal Design For eLearning primer</a> at www.tristenb.com/udel and be sure to also read my <a href="http://www.tristenb.com/comprehensiveproject.html" target="_blank">Theory To Practice paper</a> found at www.tristenb.com/comprehensiveproject.</p>
</main>
</body>
</html> <script src="js/index.js"></script>
</body>
</html>

TEB Updated-OLD1 - Script Codes CSS Codes

body {
max-width: 2000px; /* It's always a good idea to set a maximum value for where your design will break, in case someone is looking on a really large display, like a projector. */ /*
background-image: url('http://www.tristenb.com/background-blue.jpg');
background-size:cover;
background-repeat: no-repeat;
background-attachment: fixed;*/ background-color: #F8F7F7 ;
color: #000000;	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;	font-weight: 300;	font-size: 15px;
}
nav {
text-align: center;
background-color: #DFE9F0;
color: #000001;
border-radius: 20px;	border: 1px solid #B5C0C7; /* border-width:1px 0;*/	box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
display: block;	margin: 8px 22px 8px 22px;
overflow: hidden;
width: 90%;
list-style:none;
padding:0;
}
nav li {
display: inline;
list-style-type: none;
}
nav a {
/*color: #000001;*/ display:inline-block;
line-height: 56px; padding:10px;
}
/*
nav li:hover {
background-color: #694489; }
*/
/*
nav a:hover {
color: #FFFFFF;
}
*/
/*
main {
width: 960px;
margin: 0 auto;
}
*/
h1, h2, h3, h4, h5, h6 {
text-align: center;
}
h4, h5, h6 {
text-align: left;
}
/*
id=”credentials”:
#credentials {
text-align: center;
}
*/
/*
id="nav2":
#nav2 {
text-align: center;
list-style:none;
}
*/
/*
#nav2 li {
margin: 0;
padding: 0;
list-style-type: none;
}
*/
/*
#nav2 a { font-weight: bold;
color: black;
}
*/
a:link {
color: #0066CC;
}
a:visited { color: #800080; /*dark slate gray*/
}
nav a:focus, nav a:hover { text-decoration: none; border: 2px solid #000080; background-color: #F5F2FC; color: #000080;
}
a:hover { text-decoration: none; color: white; background-color: navy;
}
/*
a:active { color: #FF00FF; background-color: navy;
}
*/
th {
vertical-align: top;
}

TEB Updated-OLD1 - Script Codes JS Codes

window.onload=function() { // get tab container var container = document.getElementById("tabContainer"); // set current tab var navitem = container.querySelector(".tabs ul li"); //store which tab we are on var ident = navitem.id.split("_")[1]; navitem.parentNode.setAttribute("data-current",ident); //set current tab with class of activetabheader navitem.setAttribute("class","tabActiveHeader"); //hide two tab contents we don't need var pages = container.querySelectorAll(".tabpage"); for (var i = 1; i < pages.length; i++) { pages[i].style.display="none"; } //this adds click event to tabs var tabs = container.querySelectorAll(".tabs ul li"); for (var i = 0; i < tabs.length; i++) { tabs[i].onclick=displayPage; }
}
// on click of one of tabs
function displayPage() { var current = this.parentNode.getAttribute("data-current"); //remove class of activetabheader and hide old contents document.getElementById("tabHeader_" + current).removeAttribute("class"); document.getElementById("tabpage_" + current).style.display="none";
var ident = this.id.split("_")[1]; //add class of activetabheader to new active tab and show contents this.setAttribute("class","tabActiveHeader"); document.getElementById("tabpage_" + ident).style.display="block"; this.parentNode.setAttribute("data-current",ident);
} //Show and hide divs
function HideContent(d) {
document.getElementById(d).style.display = "none";
}
function ShowContent(d) {
document.getElementById(d).style.display = "block";
}
function ReverseDisplay(d) {
if(document.getElementById(d).style.display="none") { document.getElementById(d).style.display = "block"; }
else { document.getElementById(d).style.display = "none"; }
}
TEB Updated-OLD1 - Script Codes
TEB Updated-OLD1 - Script Codes
Home Page Home
Developer Digital Accessibility
Username digitalaccessibility
Uploaded December 04, 2022
Rating 3
Size 4,524 Kb
Views 12,144
Do you need developer help for TEB Updated-OLD1?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Digital Accessibility (digitalaccessibility) Script Codes
Name
TEB Updated-OLD3
TEB Updated-OLD2
Tristen-Autobiography
ADA widget
Tristen-Resume
Tristen-comprehensive project-OLD
Tristen-Main
Create amazing SEO content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!