cameronwp · kkshukla9 · Jul 27, 2014 · Jul 27, 2014 · Aug 3, 2014 · Aug 3, 2014
diff --git a/.htaccess b/.htaccess
@@ -0,0 +1,27 @@
+<IfModule mod_rewrite.c>
+</IfModule>
+<IfModule mod_expires.c>
+ExpiresActive On
+#ExpiresDefault "access plus 1 seconds"
+#ExpiresByType image/x-icon "access plus 600 seconds"
+ExpiresByType image/jpeg "access plus 6000000 seconds"
+ExpiresByType image/png "access plus 60000 seconds"
+ExpiresByType image/gif "access plus 60000 seconds"
+#ExpiresByType application/x-shockwave-flash "access plus 600 seconds"
+ExpiresByType text/css "access plus 6000000 seconds"
+ExpiresByType text/javascript "access plus 6000000 seconds"
+ExpiresByType application/x-javascript "access plus 6000000 seconds"
+ExpiresByType application/javascript "access plus 6000000 seconds"
+#ExpiresByType text/html "access plus 600 seconds"
+#ExpiresByType application/xhtml+xml "access plus 600 seconds"
+</IfModule>
+<files *.html>
+SetOutputFilter DEFLATE
+</files>
+
+# Or, compress certain file types by extension:
+AddOutputFilterByType DEFLATE text/css
+AddOutputFilterByType DEFLATE text/javascript
+<FilesMatch ".(jpg|js|html)$>
+SetOutputFilter DEFLATE
+</FilesMatch>
diff --git a/css/style.css b/css/style.css
@@ -1,47 +1,27 @@
-html {
-  font-size: 100%;
-  overflow-y: scroll;
-  -webkit-tap-highlight-color: rgba(0,0,0,0);
-  -ms-text-size-adjust: 100%;
-  -webkit-text-size-adjust: none;
-}
+html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0,0,0,0); -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; }
 body { margin: 0; font-size: 14px; line-height: 1.61; font-weight: 400; }
 body, button, input, select, textarea { font-family: 'Open Sans', sans-serif; color: #333; }
-
 a { color: #12C; }
 a:visited { color: #61C; }
 a:focus { outline: thin dotted; }
 a:hover, a:active { color: #c00; outline: 0; }
-
 b, strong { font-weight: bold; }
 pre, code { font-family: monospace, monospace; font-size: 1em; }
 ul, ol { margin: 1em 0; padding: 0 0 0 20px; }
 img { border: 0; max-width: 100%; }
-
 body { background: #fff; }
 header, footer, .container { max-width: 45em; margin: 0 auto; }
-
 header { padding: 0 0.5em; color: #C90B0B; }
 header img { border-radius: 40px; float: left; }
 header p { font-size:1.5em; font-weight: bold; padding-left: 4em;}
 header p span { font-size: 0.8em; font-weight: normal;}
-
-.hero { padding: 2em; background-color: #f8f8f8; font-size:1.2em;
-  border-bottom: 1px solid #ccc;
-  border-top: 1px solid #ccc;
-}
-
+.hero { padding: 2em; background-color: #f8f8f8; font-size:1.2em; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
 .content { padding: 1em 1em; }
 .content li { list-style-type: none; font-size: 1.1em;}
 li img { float:left; padding-right: 1em; }
 li p { font-size: 0.9em; font-style: italic; }
-
-footer {
-  padding: 0 0.5em;
-  border-top: 1px solid #ccc;
-}
-footer span { float: right; font-style: italic; }
-
+footer { padding: 0 0.5em; border-top: 1px solid #ccc; }
+footer span { float: right; font-style: italic; } 
 /* Smartphones (portrait) */
 @media only screen and (max-width: 480px) {
   body { font-size: 12px;}

diff --git a/img/kk-profilepic.jpg b/img/kk-profilepic.jpg
diff --git a/img/profilepic.jpg b/img/profilepic.jpg
diff --git a/index.html b/index.html
@@ -3,63 +3,54 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="description" content=" FILL ME IN ">
-    <meta name="author" content=" FILL ME IN ">
-    <title>Cameron Pittman: Portfolio</title>
+    <meta name="description" content="Krishna Kant Shukla portfolio, udacity course assignment ">
+    <meta name="author" content="Krishna Kant Shukla">
+    <title>Krishn Kant Shukla: Portfolio</title>
 
     <!-- Hmm, what is the impact of web fonts on speed? Measure it... -->
-    <link href="//fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet">
 
     <link href="css/style.css" rel="stylesheet">
-    <link href="css/print.css" rel="stylesheet">
+    <link href="css/print.css" rel="stylesheet" media="print">
 
-    <script>
-      (function(w,g){w['GoogleAnalyticsObject']=g;
-      w[g]=w[g]||function(){(w[g].q=w[g].q||[]).push(arguments)};w[g].l=1*new Date();})(window,'ga');
-
-      // TODO: replace with your Google Analytics profile ID.
-      ga('create', 'UA-XXXX-Y');
-      ga('send', 'pageview');
-    </script>
-    <script src="http://www.google-analytics.com/analytics.js"></script>
-    <script async src="js/perfmatters.js"></script>
   </head>
 
   <body>
     <header>
-      <a href="/"><img src="img/profilepic.jpg"></a>
+      <a href="javascript:void(0);"><img src="img/profilepic.jpg"></a>
       <p>Cameron Pittman<br><span>Course Developer</span></p>
+      <a href="javascript:void(0);"><img src="img/kk-profilepic.jpg"></a>
+      <p>Krishna Kant Shukla<br><span>Course Learner</span></p>
     </header>
 
     <div class="container">
       <div class="hero">
-        <strong>I love web development!</strong> This is a template for a simple portfolio. I decided to use it to showcase a few Udacity courses I've taken and some teaching work, but you can use it to showcase any kind of project that you want the world to see :) <br> Contact me: me@email.com
+          <strong>I love web development!</strong> Currently i am working as senior Software Engineer in <a href="http://indiamart.com">Indiamart Intermesh Limited</a>. Enjoying with open source technology like Perl, PHP, Oracle, Mysql, Apache, Linux, GIT, SVN.<br><br> I decided to complete "Website Performance Optimization" Udacity course on suggestion of <a href="https://Google.com/+DevendraSingh">Mr. Devendra Singh</a>.  <br> Contact me:
+          kkshukla9@gmail.com <br> Here i would like to say thanks to Mr. Cameron to make such kind of online course. 
       </div>
 
       <div class="content">
         <ul>
           <li>
-            <img src="https://lh5.ggpht.com/fDU9wOu-XF_FLJJUkLR0ur-8b3bBtnS3dc0YWq0czwmmxuU87ySjf0VMqmw05xotlx29M8eSdluxJnwjZt8=s100">
-            <a href="project-2048.html">Build Your Own 2048!</a>
-            <p>I made my own version of 2048. How cool is that!?</p>
-          </li>
-
-          <li>
-            <img src="https://lh6.ggpht.com/f_0W8h__3G99CWTjnMjD8BUKm7yp2-wJyApLtTwFoFtlal2ULf_JgHIsOQq2NiYfKOdMlXlMHDKNo5XVZLs=s100">
-            <a href="project-webperf.html">Website Performance Optimization</a>
-            <p>Hey... this class looks familiar.</p>
+            <img src="http://utils.imimg.com/header/imgs/indiamart-logo.png">
+            <a href="http://indiamart.com/">Indiamart</a>
+            <p>Currently working with Indiamart, Indiamart is world's second largest B2B portal, with world class facilities.</p>
           </li>
 
-          <li>
-            <img src="https://lh5.ggpht.com/IKdCmTWn8a2nMhlwMYzryvzRN5CUZAOBr4tDrEAbszV7TIFe9pRAInA4kkYcgTXwrifJsBEsq1agTueuu-g=s100">
-            <a href="project-mobile.html">Mobile Web Development</a>
-            <p>Making mobile apps isn't so hard after all.</p>
-          </li>
         </ul>
     </div>
 
     <footer>
       <p>&copy; Web Performance 2014 <span id="crp-stats"></span></p>
     </footer>
   </body>
+    <script type="text/javascript" src="js/perfmatters.js" async></script>
+    <script type="text/javascript" src="http://www.google-analytics.com/analytics.js" async></script>
+    <script type="text/javascript" async>
+      (function(w,g){w['GoogleAnalyticsObject']=g;
+      w[g]=w[g]||function(){(w[g].q=w[g].q||[]).push(arguments)};w[g].l=1*new Date();})(window,'ga');
+
+      // TODO: replace with your Google Analytics profile ID.
+      ga('create', 'UA-53251161-1');
+      ga('send', 'pageview');
+    </script>
 </html>
diff --git a/js/perfmatters.js b/js/perfmatters.js
@@ -1,14 +1,8 @@
-// Measuring the Critical Rendering Path with Navigation Timing
-// https://developers.google.com/web/fundamentals/performance/critical-rendering-path/measure-crp
-
 function logCRP() {
   var t = window.performance.timing,
     dcl = t.domContentLoadedEventStart - t.domLoading,
     complete = t.domComplete - t.domLoading;
   var stats = document.getElementById("crp-stats");
   stats.textContent = 'DCL: ' + dcl + 'ms, onload: ' + complete + 'ms';
 }
-
-window.addEventListener("load", function(event) {
-  logCRP();
-});
+window.addEventListener("load", function(event) { logCRP(); });
diff --git a/portfolio-krishna-97 b/portfolio-krishna-97
@@ -0,0 +1 @@
+This is my test portfolio.