0.0.7

a1-business/chapter-1-1.txt

@@ -0,0 +1,47 @@
+<div class="chapterTitle">
+<div class="grid"><p><span class="chapterx">
+    Chapter 1.1</span> Learn Digital Marketing
+<a href="../a1.html"><img src="../images/closetopic.png"></a></p></div>
+</div>
+
+
+<div class="contentBox grid">
+    <h1>Learn Digital Marketing Heading</h1>
+    <img onload="removeLoading()" src="images/course.jpg">
+    <p>Elements being rendered to the screen is one way for us to decide that the page has been rendered. If you would like to use that source of information (not required at all), specify one or more selectors. You can comma seperate the selectors to propertly handle error states, where the progress bar should disappear, but the element we are looking for may never appear</p>   
+</div>
+
+
+<div class="chapterNavigation">
+<div class="grid">
+<div id="previousArticle" class="previousArticle">
+    <a href="/wordpress/dev/dmbuddy/scps01.html"
+    onClick="">
+<p><img src="../images/next.png"><span>Previous Topic</span></p></a></div>
+<div id="nextArticle" class="nextArticle">
+    <a href="#"
+    onClick="return chapter1(02);">
+<p><span>Next Topic</span><img src="../images/next.png"></p></a></div>
+</div>
+</div>
+
+
+
+<div class="space"></div>
+<div class="grid">
+<div class="chapterListBase">    
+<div class="chapterList">
+    <p>Chapter 1 - Topics List</p>
+</div>
+<p class="topicList active">
+    <span>1.1</span> Learn Digital Marketing
+</p>
+<p class="topicList" onClick="return chapter1(02);">
+    <span>1.2</span> Introduction to Digital Marketing
+</p>
+<p class="topicList" onClick="return chapter1(03);">
+    <span>1.3</span> Digital Marketing Fundamentals
+</p>
+</div>
+</div>
+<div class="space"></div>

a1-business/chapter-1-2.txt

@@ -0,0 +1,47 @@
+<div class="chapterTitle">
+<div class="grid"><p><span class="chapterx">
+    Chapter 1.2</span> Introduction to Digital Marketing
+<a href="../a1.html"><img src="../images/closetopic.png"></a></p></div>
+</div>
+
+
+<div class="contentBox grid">
+    <h1>Introduction to Digital Marketing Heading</h1>
+    <img onload="removeLoading()" src="images/course-1.jpg">
+    <p>Elements being rendered to the screen is one way for us to decide that the page has been rendered. If you would like to use that source of information (not required at all), specify one or more selectors. You can comma seperate the selectors to propertly handle error states, where the progress bar should disappear, but the element we are looking for may never appear</p>   
+</div>
+
+
+<div class="chapterNavigation">
+<div class="grid">
+<div id="previousArticle" class="previousArticle">
+    <a href="#"
+    onClick="return chapter1(01);">
+<p><img src="../images/next.png"><span>Previous Topic</span></p></a></div>
+<div id="nextArticle" class="nextArticle">
+    <a href="#"
+    onClick="return chapter1(03);">
+<p><span>Next Topic</span><img src="../images/next.png"></p></a></div>
+</div>
+</div>
+
+
+
+<div class="space"></div>
+<div class="grid">
+<div class="chapterListBase">    
+<div class="chapterList">
+    <p>Chapter 1 - Topics List</p>
+</div>
+<p class="topicList" onClick="return chapter1(01);">
+    <span>1.1</span> Learn Digital Marketing
+</p>
+<p class="topicList active">
+    <span>1.2</span> Introduction to Digital Marketing
+</p>
+<p class="topicList" onClick="return chapter1(03);">
+    <span>1.3</span> Digital Marketing Fundamentals
+</p>
+</div>
+</div>
+<div class="space"></div>

a1-business/chapter-1-3.txt

@@ -0,0 +1,47 @@
+<div class="chapterTitle">
+<div class="grid"><p><span class="chapterx">
+    Chapter 1.3</span> Digital Marketing Fundamentals
+<a href="../a1.html"><img src="../images/closetopic.png"></a></p></div>
+</div>
+
+
+<div class="contentBox grid">
+    <h1>Digital Marketing Fundamentals Heading</h1>
+    <img onload="removeLoading()" src="images/course-2.jpg">
+    <p>Elements being rendered to the screen is one way for us to decide that the page has been rendered. If you would like to use that source of information (not required at all), specify one or more selectors. You can comma seperate the selectors to propertly handle error states, where the progress bar should disappear, but the element we are looking for may never appear</p>   
+</div>
+
+
+<div class="chapterNavigation">
+<div class="grid">
+<div id="previousArticle" class="previousArticle">
+    <a href="#"
+    onClick="return chapter1(02);">
+<p><img src="../images/next.png"><span>Previous Topic</span></p></a></div>
+<div id="nextArticle" class="nextArticle">
+    <a href="#"
+    onClick="">
+<p><span>Next Topic</span><img src="../images/next.png"></p></a></div>
+</div>
+</div>
+
+
+
+<div class="space"></div>
+<div class="grid">
+<div class="chapterListBase">    
+<div class="chapterList">
+    <p>Chapter 1 - Topics List</p>
+</div>
+<p class="topicList" onClick="return chapter1(01);">
+    <span>1.1</span> Learn Digital Marketing
+</p>
+<p class="topicList" onClick="return chapter1(02);">
+    <span>1.2</span> Introduction to Digital Marketing
+</p>
+<p class="topicList active">
+    <span>1.3</span> Digital Marketing Fundamentals
+</p>
+</div>
+</div>
+<div class="space"></div>

a1-business/chapter-1.html

@@ -0,0 +1,107 @@
+<!DOCTYPE HTML SYSTEM>
+<html>
+<head>
+<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
+<meta http-equiv="cache-control" content="max-age=0" />
+<meta http-equiv="cache-control" content="no-cache" />
+<meta http-equiv="expires" content="0" />
+<meta http-equiv="pragma" content="no-cache" />
+<meta name="robots" content="noindex,nofollow">
+
+<link rel="stylesheet" href="../styles/core.css">
+
+<script type="text/javascript" src="../functions/core.js"></script>
+<script type="text/javascript" src="../functions/hammer.min.js"></script>
+<script type="text/javascript" src="../functions/hammer-time.min.js"></script>
+
+<script type="text/javascript" src="function/chapter-1.js"></script>
+
+<link href="https://fonts.googleapis.com/css?family=PT+Sans:400,700" rel="stylesheet">
+</head>
+<body>
+<div class="container">
+<div class="fixedElement loadingScreen" id="loadingScreen">
+  <div class="loadingAnimation">
+  <svg id="load" x="0px" y="0px" viewBox="0 0 150 150">
+    <circle id="loading-inner" cx="75" cy="75" r="60"/>
+  </svg>
+  </div>
+</div>
+<div class="fixedElement header">
+    <div id="hamburger" class="navMenuLeft hamburglar is-close" onClick="return toggleMenu(1);">
+    <div class="burger-icon">
+      <div class="burger-container">
+        <span class="burger-bun-top"></span>
+        <span class="burger-filling"></span>
+        <span class="burger-bun-bot"></span>
+      </div>
+    </div>
+    <div class="burger-ring">
+    <svg class="svg-ring">
+	      <path class="path" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="4" d="M 34 2 C 16.3 2 2 16.3 2 34 s 14.3 32 32 32 s 32 -14.3 32 -32 S 51.7 2 34 2" />
+    </svg>
+    </div>
+    <svg width="0" height="0">
+       <mask id="mask">
+    <path xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#ff0000" stroke-miterlimit="10" stroke-width="4" d="M 34 2 c 11.6 0 21.8 6.2 27.4 15.5 c 2.9 4.8 5 16.5 -9.4 16.5 h -4" />
+       </mask>
+     </svg>
+    <div class="path-burger">
+      <div class="animate-path">
+        <div class="path-rotation"></div>
+      </div>
+    </div>
+    </div>
+    <a href="/home.html" class="logo">DM BUDDY</a>
+</div>
+<div class="fixedElement headerLeft" id="headerLeft">
+
+    <div class="logoImg">
+        <img src="../images/logo.png">
+    </div>        
+    <p class="menu" id="subMenuCont" onClick="return toggleSubMenu(1);">
+        <a href="#">DM COURSE <img id="plus" class="transtionElement" src="../images/plus.png"></a>
+    </p>
+    <p class="subMenu" id="subMenu">
+
+        <a href="../a1-business/chapter-1.html" class="subMenuList"><span class="smallnav">CH 01</span>Introduction</a>
+
+        <a class="subMenuList"><span class="smallnav">CH 02</span>Creating Online Presence</a>
+
+        <a class="subMenuList"><span class="smallnav">CH 03</span>Organic Promotion</a>
+
+        <a class="subMenuList"><span class="smallnav">CH 04</span>InOrganic Pramotion</a>
+
+        <a class="subMenuList"><span class="smallnav">CH 05</span>Local Listings</a>
+
+        <a class="subMenuList"><span class="smallnav">CH 06</span>Business Listings</a>
+
+    </p>        
+    <p class="menu">
+        <a href="#">DM updates</a>
+    </p>        
+    <p class="menu">
+        <a href="#">DM reference</a>
+    </p>        
+    <p class="menu">
+        <a href="#">DM Tools & Resourses</a>
+    </p>    
+    <p class="menu">
+        <a href="#">DM HOT</a>
+    </p>        
+    <p class="menu">
+        <a href="#">ASK Buddies</a>
+    </p>
+
+</div>
+<div class="bodyBase transtionElement" id="bodyBase"> 
+<!-----Inner content------->
+
+    <div id="innerContent">
+    </div>
+
+<!------END COntent-------->
+</div><!----Body Base----->
+</div><!----Container----->
+</body>
+</html>

a1-business/function/chapter-1.js

@@ -0,0 +1,50 @@
+function chapter1(num) {
+x=num;    
+if(x==01){
+    startLoading();
+    var xhttp = new XMLHttpRequest();
+    xhttp.onreadystatechange = function() {
+    if (this.readyState == 4 && this.status == 200) {
+        document.getElementById("innerContent").innerHTML =
+        this.responseText;
+    }
+    };
+    xhttp.open("GET", "chapter-1-1.txt", true);
+    xhttp.send();
+    setTimeout(startingEnd,10); //Start Chapter
+}
+if(x==02){
+    startLoading();
+    var xhttp = new XMLHttpRequest();
+    xhttp.onreadystatechange = function() {
+    if (this.readyState == 4 && this.status == 200) {
+        document.getElementById("innerContent").innerHTML = this.responseText;
+    }
+    };
+    xhttp.open("GET", "chapter-1-2.txt", true);
+    xhttp.send();
+}
+if(x==03){
+    startLoading();
+    var xhttp = new XMLHttpRequest();
+    xhttp.onreadystatechange = function() {
+    if (this.readyState == 4 && this.status == 200) {
+        document.getElementById("innerContent").innerHTML = this.responseText;
+    }
+    };
+    xhttp.open("GET", "chapter-1-3.txt", true);
+    xhttp.send();
+    setTimeout(removeEnd,10); //close chapters
+}
+return null;
+}
+
+function startingEnd(){
+document.getElementById('previousArticle').style.display = 'none';
+document.getElementById('nextArticle').style.width = '98%';
+}
+
+function removeEnd(){
+document.getElementById('nextArticle').style.display = 'none';
+document.getElementById('previousArticle').style.width = '98%';
+}