|
| 1 | +<!DOCTYPE html> |
| 2 | +<html lang="en"> |
| 3 | +<head> |
| 4 | + <meta charset="utf-8"> |
| 5 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| 6 | + <meta name="viewport" content="width=device-width, initial-scale=1"> |
| 7 | + |
| 8 | + <title>PME Blog</title> |
| 9 | +<!-- |
| 10 | +PME Blog |
| 11 | +# |
| 12 | +--> |
| 13 | + <!-- load stylesheets --> |
| 14 | + <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400"> <!-- Google web font "Open Sans" --> |
| 15 | + <link rel="stylesheet" href="font-awesome-4.5.0/css/font-awesome.min.css"> <!-- Font Awesome --> |
| 16 | + <link rel="stylesheet" href="css/bootstrap.min.css"> <!-- Bootstrap style --> |
| 17 | + <link rel="stylesheet" href="css/magnific-popup.css"> <!-- Magnific popup style (http://dimsemenov.com/plugins/magnific-popup/) --> |
| 18 | + <link rel="stylesheet" href="css/templatemo-style.css"> <!-- Templatemo style --> |
| 19 | + |
| 20 | + <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> |
| 21 | + <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> |
| 22 | + <!--[if lt IE 9]> |
| 23 | + <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> |
| 24 | + <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> |
| 25 | + <![endif]--> |
| 26 | +</head> |
| 27 | + |
| 28 | + <body> |
| 29 | + <!-- Header gallery --> |
| 30 | + <div class="container-fluid"> |
| 31 | + <div class="row"> |
| 32 | + <div class="col-lg-12"> |
| 33 | + <section class="tm-header-gallery"> |
| 34 | + |
| 35 | + <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 tm-pad-0"> |
| 36 | + <a href="img/02.jpg"> |
| 37 | + <img src="img/02.jpg" alt="Image" class="img-fluid tm-header-img col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6"> |
| 38 | + </a> |
| 39 | + <a href="img/01.png"> |
| 40 | + <img src="img/01.png" alt="Image" class="img-fluid tm-header-img col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6"> |
| 41 | + </a> |
| 42 | + </div> |
| 43 | + |
| 44 | + <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 tm-pad-0"> |
| 45 | + |
| 46 | + <div class="tm-site-name"> |
| 47 | + <h1 class="text-uppercase tm-site-name-h1">PME Blog</h1> |
| 48 | + <h2 class="tm-site-name-h2">Student Dev Community</h2> |
| 49 | + </div> |
| 50 | + |
| 51 | + <img src="img/logo-bg.jpg" alt="Image" class="img-fluid tm-header-img"> |
| 52 | + </div> |
| 53 | + |
| 54 | + <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 tm-pad-0"> |
| 55 | + <a href="img/03.jpg"> |
| 56 | + <img src="img/03.jpg" alt="Image" class="img-fluid tm-header-img col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6"> |
| 57 | + </a> |
| 58 | + <a href="img/05.jpg"> |
| 59 | + <img src="img/05.jpg" alt="Image" class="img-fluid tm-header-img col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6"> |
| 60 | + </a> |
| 61 | + </div> |
| 62 | + |
| 63 | + </section> |
| 64 | + </div> |
| 65 | + </div> |
| 66 | + |
| 67 | + <!-- Navigation --> |
| 68 | + <div class="row"> |
| 69 | + <div class="col-lg-12"> |
| 70 | + <nav class="navbar"> |
| 71 | + <div id="tmNavbar"> |
| 72 | + <div class="nav navbar-nav tm-nav"> |
| 73 | + |
| 74 | + <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 tm-pad-0 tm-nav-item-pair"> |
| 75 | + <div class="nav-item"> |
| 76 | + <a class="nav-link" href="http://programmerme.ml/">Home</a> |
| 77 | + </div> |
| 78 | + <div class="nav-item"> |
| 79 | + <a class="nav-link" href="#">About</a> |
| 80 | + </div> |
| 81 | + </div> |
| 82 | + |
| 83 | + <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 tm-pad-0 tm-nav-item-pair"> |
| 84 | + <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 nav-item"> |
| 85 | + <a class="nav-link" href="#">Services</a> |
| 86 | + </div> |
| 87 | + <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 nav-item active"> |
| 88 | + <a class="nav-link" href="blog.html">Blog</a> |
| 89 | + </div> |
| 90 | + </div> |
| 91 | + |
| 92 | + <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 tm-pad-0 tm-nav-item-pair"> |
| 93 | + <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 nav-item"> |
| 94 | + <a class="nav-link" href="#">Contact</a> |
| 95 | + </div> |
| 96 | + <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 nav-item tm-dummy-nav-item"> |
| 97 | + <div class="nav-link"> </div> |
| 98 | + </div> |
| 99 | + </div> |
| 100 | + |
| 101 | + </div> |
| 102 | + </div> |
| 103 | + </nav> |
| 104 | + </div> |
| 105 | + |
| 106 | + </div> <!-- row --> |
| 107 | + |
| 108 | + <div class="row tm-blog-post-row"> |
| 109 | + <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 tm-blog-post-margin-b tm-blog-post-box-container"> |
| 110 | + <div class="tm-blog-post-box"> |
| 111 | + <img src="img/img-21-01.jpg" alt="Image" class="img-fluid"> |
| 112 | + <div class="tm-blog-post-text-box-outer"> |
| 113 | + <div class="tm-blog-post-text-box"> |
| 114 | + <h2 class="tm-blog-post-title">First Day</h2> |
| 115 | + <p class="tm-blog-post-description">Programmer Me conducted a 30 minute talk session for the students. Mr. Manoj Kumar P (Asst. Prof) , Zameel(Co-oridinator) and Ajmal(Co-ordinator) made interesting talks on a few relevant topics. </p> |
| 116 | + <p class="tm-blog-post-description">About 50 student developers attended the session.</p> |
| 117 | + </div> |
| 118 | + <a href="day1.html" class="tm-blog-post-link">Read More...</a> |
| 119 | + </div> |
| 120 | + </div> |
| 121 | + </div> |
| 122 | + <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 tm-blog-post-margin-b tm-blog-post-box-container"> |
| 123 | + <div class="tm-blog-post-box"> |
| 124 | + <img src="img/hacktober.png" alt="Image" class="img-fluid"> |
| 125 | + <div class="tm-blog-post-text-box-outer"> |
| 126 | + <div class="tm-blog-post-text-box"> |
| 127 | + <h2 class="tm-blog-post-title">Hacktober Fest 2018 Session 1</h2> |
| 128 | + <p class="tm-blog-post-description"> Hacktoberfest is a month-long celebration of open source software run by DigitalOcean in partnership with GitHub and Twilio.</p> |
| 129 | + <p class="tm-blog-post-description">The first session was basic git and github introduction with the help of termux </p> |
| 130 | + <a href="hacktoberfest-instruct.html" class="tm-blog-post-link">Details...</a> |
| 131 | + </div> |
| 132 | + |
| 133 | + </div> |
| 134 | + </div> |
| 135 | + </div> |
| 136 | + <!-- <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 tm-blog-post-margin-b-0 tm-blog-post-box-container"> |
| 137 | + <div class="tm-blog-post-box"> |
| 138 | + <img src="img/img-21-03.jpg" alt="Image" class="img-fluid"> |
| 139 | + <div class="tm-blog-post-text-box-outer"> |
| 140 | + <div class="tm-blog-post-text-box"> |
| 141 | + <h2 class="tm-blog-post-title">Quisque eu velit eget urna</h2> |
| 142 | + <p class="tm-blog-post-description">Vivamus dolor, dui, ultricies nec justo sed, posuere bibendum arcu. Sed ut massa vestibulum, consequat turpis eu, auctor nisi. Mauris condimentum cursus magna, ut varius diam rutrum nec.</p> |
| 143 | + <p class="tm-blog-post-description">Curabitur iaculis pellentesque consequat. Nam et ante lacus. Paesent enim ante, tempor ornare tempor facilisis, pretium nec neque.</p> |
| 144 | + </div> |
| 145 | + </div> |
| 146 | + </div> |
| 147 | + </div> |
| 148 | + <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 tm-blog-post-margin-b-0 tm-blog-post-box-container"> |
| 149 | + <div class="tm-blog-post-box"> |
| 150 | + <img src="img/img-21-04.jpg" alt="Image" class="img-fluid"> |
| 151 | + <div class="tm-blog-post-text-box-outer"> |
| 152 | + <div class="tm-blog-post-text-box"> |
| 153 | + <h2 class="tm-blog-post-title">Nulla pretium euismod enim</h2> |
| 154 | + <p class="tm-blog-post-description">Donec ut metus sapien. Pellentesque sed odio aliquam, viverra nisl sed, maximus mi. Mauris pretium id justo non varius. Curabitur tristique porttitor erat.</p> |
| 155 | + <p class="tm-blog-post-description">Praesent enim ante, tempor ornare tempor facilisis, pretium nec neque. Nullam ac tortor a leo vehicula varius laoreet eu neque. Fusce id consectetur nunc. Praesent interdum elit nec odio semper sodales.</p> |
| 156 | + </div> |
| 157 | + </div> |
| 158 | + </div> |
| 159 | + </div>--> |
| 160 | + </div> |
| 161 | + |
| 162 | + <div class="row tm-nav-2-row"> |
| 163 | + <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12"> |
| 164 | + <nav class="tm-flex-center"> |
| 165 | + <ul class="tm-nav-2"> |
| 166 | + <li class="tm-nav-item-2"><a href="#" class="tm-nav-link-2">Home</a></li> |
| 167 | + <li class="tm-nav-item-2"><a href="#" class="tm-nav-link-2">About</a></li> |
| 168 | + <li class="tm-nav-item-2"><a href="#" class="tm-nav-link-2">Services</a></li> |
| 169 | + <li class="tm-nav-item-2"><a href="#" class="tm-nav-link-2">Blog</a></li> |
| 170 | + <li class="tm-nav-item-2"><a href="#" class="tm-nav-link-2">Contact</a></li> |
| 171 | + </ul> |
| 172 | + </nav> |
| 173 | + </div> |
| 174 | + </div> <!-- row --> |
| 175 | + |
| 176 | + <div class="row"> |
| 177 | + <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12"> |
| 178 | + <div class="tm-social-icons-container text-xs-center"> |
| 179 | + <a href="https://www.facebook.com/Programmer-Me-250195372310808/" class="tm-social-link" target="blank"><i class="fa fa-facebook"></i></a> |
| 180 | + |
| 181 | + <a href="#" class="tm-social-link"><i class="fa fa-twitter"></i></a> |
| 182 | + <a href="#" class="tm-social-link"><i class="fa fa-behance"></i></a> |
| 183 | + <a href="https://www.linkedin.com/company/programmer-me" class="tm-social-link"><i class="fa fa-linkedin"></i></a> |
| 184 | + <a href="http://github.com/ProgrammerMe" class="tm-social-link"><i class="fa fa-github"></i></a> |
| 185 | + </div> |
| 186 | + </div> |
| 187 | + </div> |
| 188 | + |
| 189 | + <footer class="row tm-footer"> |
| 190 | + <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12"> |
| 191 | + <p class="text-xs-center tm-copyright">Copyright © 2018 PME |
| 192 | + |
| 193 | + |
| 194 | + </div> |
| 195 | + </footer> |
| 196 | + |
| 197 | + </div> <!-- container-fluid --> |
| 198 | + |
| 199 | + <!-- load JS files --> |
| 200 | + <script src="js/jquery-1.11.3.min.js"></script> <!-- jQuery (https://jquery.com/download/) --> |
| 201 | + <script src="https://www.atlasestateagents.co.uk/javascript/tether.min.js"></script> <!-- Tether for Bootstrap (http://stackoverflow.com/questions/34567939/how-to-fix-the-error-error-bootstrap-tooltips-require-tether-http-github-h) --> |
| 202 | + <script src="js/bootstrap.min.js"></script> <!-- Bootstrap (http://v4-alpha.getbootstrap.com/) --> |
| 203 | + <script src="js/jquery.magnific-popup.min.js"></script> <!-- Magnific popup (http://dimsemenov.com/plugins/magnific-popup/) --> |
| 204 | + <script> |
| 205 | + |
| 206 | + $(window).load(function(){ |
| 207 | + |
| 208 | + /* Gallery pop up |
| 209 | + -----------------------------------------*/ |
| 210 | + $('.tm-header-gallery').magnificPopup({ |
| 211 | + delegate: 'a', // child items selector, by clicking on it popup will open |
| 212 | + type: 'image', |
| 213 | + gallery:{enabled:true} |
| 214 | + }); |
| 215 | + |
| 216 | + }); |
| 217 | + |
| 218 | + </script> |
| 219 | + |
| 220 | +</body> |
| 221 | +</html> |
0 commit comments