API tools faq
paste
Guest User

Website 1

a guest
Mar 18th, 2018
82
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 46.47 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4.   <head>
  5.  
  6.     <!--[if lt IE 9]>
  7.        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  8.     <title>Elaine Rozario</title>
  9.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  10.     <meta name="author" content="Amin Diary - Aka: LeAmino">
  11.     <meta name="keywords" content="Responsive, Template">
  12.     <meta name="robots" content="all">
  13.     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,700,800,400,600' rel='stylesheet' type='text/css'>
  14.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  15.     <link rel="stylesheet" href="http://amindiary.com/demo/papyrus/css/prettyPhoto.css">
  16.     <link rel="stylesheet" href="http://amindiary.com/demo/papyrus/css/animate.css">
  17. <link rel="stylesheet" href="themify-icons/themify-icons.css"/>
  18. <link rel="stylesheet" href="http://themes.suelo.pl/mi/assets/css/styles.css" />
  19. <link rel="stylesheet" href="http://themes.suelo.pl/mi/assets/css/styles.css" />
  20.  
  21.     <link rel="stylesheet" href="http://amindiary.com/demo/papyrus/css/font-awesome/css/font-awesome.min.css">
  22.     <link rel="stylesheet" href="http://amindiary.com/demo/papyrus/css/stylesheet.css">
  23.  
  24. <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  25.  
  26.  
  27.   </head>
  28.  
  29.   <body>
  30.  
  31.     <div id="preloader">
  32.       <div id="status">&nbsp;</div>
  33.       <noscript>JavaScript is off. Please enable to view full site.</noscript>
  34.     </div>
  35.  
  36.     <div class="wrapper">
  37.       <div class="container">
  38.  
  39.         <header id="home">
  40. <!--<div class="head-image bg-image" data-bg-image="http://amindiary.com/demo/papyrus/images/head-image.jpg" style="background-position: center center; background-image: url(&quot;images/head-image.jpg&quot;); background-size: cover; background-repeat: no-repeat; height: 535px;">
  41.            <div class="avatar wow bounceInDown animated" style="visibility: visible; animation-name: bounceInDown;">
  42.              <img alt="avatar" src="http://amindiary.com/demo/papyrus/images/avatar.jpg">
  43.            </div>
  44.          </div>-->
  45.  
  46.           <div class="head-image bg-image" data-bg-image="http://amindiary.com/demo/papyrus/images/head-image.jpg">
  47.             <div class="avatar wow bounceInDown" >
  48.               <img alt="avatar" height="280" width="258" src="elaine.jpg"  />
  49.             </div>
  50.           </div>
  51.  
  52.           <div class="sticky-paper-head has-shadow">
  53.             <div class="content">
  54.               <div class="social-icons">
  55.                 <ul>
  56.                   <li>
  57.                     <a class="fa fa-facebook" href="https://www.facebook.com/elaine.rozario" target="_blank"></a>
  58.                   </li>
  59.                   <li>
  60.                     <a class="fa fa-twitter" href="https://twitter.com/elaine_rozario"></a>
  61.                   </li>
  62.                   <li>
  63.                     <a class="fa fa-google-plus" href="https://plus.google.com/109868765549076085753"></a>
  64.                   </li>
  65.                   <li>
  66.                     <a class="fa fa-youtube" href="https://www.youtube.com/channel/UCV_-Y0nSzcFcDJSodm0lT-g"></a>
  67.                   </li>
  68.                   <li>
  69.                     <a class="fa fa-linkedin" href="https://in.linkedin.com/in/elaine-rozario-4ab25b30"></a>
  70.                   </li>
  71.                 </ul>
  72.               </div>
  73.             </div>
  74.           </div>
  75.  
  76.           <div class="col-xs-12  nav-menu top-menu-holder">
  77.             <nav class="hidden-xs visible-lg ">
  78.               <ul class="nav">
  79.                 <li class="active">
  80.                   <a  href="index.html#home">home</a>
  81.                 </li>
  82.                 <li>
  83.                   <a  href="#profile">profile</a>
  84.                 </li>
  85.                 <li>
  86.                   <a  href="#education">education</a>
  87.                 </li>
  88.                 <li>
  89.                   <a  href="#experiences">experiences</a>
  90.                 </li>
  91.                  <li>
  92.                   <a  href="#skills">skills</a>
  93.                 </li>
  94.                 <li>
  95.                   <a  href="#portfolio">portfolio</a>
  96.                 </li>
  97.                 <li>
  98.                   <a  href="#blog">projects</a>
  99.                 </li>
  100.                 <li>
  101.                   <a  href="#contact">contact</a>
  102.                 </li>
  103.  
  104.  
  105.               </ul>
  106.  
  107.             </nav>
  108.  
  109.             <select class="top-drop-menu nav visible-md visible-sm visible-xs hidden-lg">
  110.               <option value="#home" selected="selected">
  111.                 Home
  112.               </option>
  113.  
  114.               <option value="#profile">
  115.                 Profile
  116.               </option>
  117.               <option value="#education">
  118.                 Education
  119.               </option>
  120.               <option value="#experiences">
  121.                 Experiences
  122.               </option>
  123.  
  124.  <option value="#skills">
  125.                 Skills
  126.               </option>
  127.  
  128.               <option value="#portfolio">
  129.                 Portfolio
  130.               </option>
  131.  
  132.               <option value="#contact">
  133.                 Contact
  134.               </option>
  135.  
  136.             </select>
  137.           </div>
  138.  
  139.         </header>
  140.         <section id="info" class="big-name">
  141.           <div class="sticky-paper-head has-shadow ">
  142.             <div class="content">
  143.               <h1>Elaine Rozario</h1>
  144.               <div class="short-tag">
  145.                 Web Soulutions Specialist
  146.               </div>
  147.             </div>
  148.           </div>
  149.           <div class="sticky-paper-body has-shadow " >
  150.             <div class="content">
  151.               <div class="row">
  152.                 <div class="col-xs-12 col-md-7">
  153.                   <div class="le-paragraph">
  154.                     <p>
  155.                       <strong>Career Objective</strong>
  156.                       To utilize my Education, Creativity and Hard-work to contribute to the optimum use and growth of Information Technology .
  157.                     </p>
  158.                     <p>
  159.  
  160.                      To obtain a challenging position in a high quality engineering environment where my resourceful experience and academic skills will add value to organizational operations.
  161.                     </p>
  162.                   </div>
  163.                 </div>
  164.                 <div class="col-xs-12 col-md-5">
  165.                   <div class="tabled-info-holder">
  166.                     <ul class="info-holder">
  167.                       <li>
  168.                         <div class="info-item">
  169.                           <i class="fa fa-envelope"></i>
  170.                           <span>elainerozario@yahoo.com</span>
  171.                         </div>
  172.                       </li>
  173.                       <li>
  174.                         <div class="info-item">
  175.                           <i class="fa fa-twitter"></i>
  176.                           <span>Twitter: <a href="https://twitter.com/elaine_rozario">@Elaine_Rozario</a></span>
  177.                         </div>
  178.                       </li>
  179.  
  180.                     </ul>
  181.  
  182.                     <ul class="info-holder">
  183.                       <li>
  184.                         <div class="info-item">
  185.                           <i class="fa fa-map-marker"></i>
  186.                           <span>Live in: Mumbai,India</span>
  187.                         </div>
  188.                       </li>
  189.                       <li>
  190.                         <div class="info-item">
  191.                           <i class="fa fa-phone"></i>
  192.                           <span>+91 9833654594</span>
  193.                         </div>
  194.                       </li>
  195.                     </ul>
  196.                     <div class="social-icons small">
  197.                       <ul>
  198.                         <li>
  199.                           <a class="fa fa-facebook" href="https://www.facebook.com/elaine.rozario" target="_blank"></a>
  200.                         </li>
  201.                         <li>
  202.                           <a class="fa fa-twitter" href="https://twitter.com/elaine_rozario"></a>
  203.                         </li>
  204.                         <li>
  205.                           <a class="fa fa-google-plus" href="https://plus.google.com/109868765549076085753"></a>
  206.                         </li>
  207.                         <li>
  208.                           <a class="fa fa-youtube" href="https://www.youtube.com/channel/UCV_-Y0nSzcFcDJSodm0lT-g"></a>
  209.                         </li>
  210.                         <li>
  211.                           <a class="fa fa-linkedin" href="https://in.linkedin.com/in/elaine-rozario-4ab25b30"></a>
  212.                         </li>
  213.                       </ul>
  214.                     </div>
  215.                   </div>
  216.                 </div>
  217.               </div>
  218.             </div>
  219.           </div>
  220.         </section>
  221.  
  222.         <hr class="le-hr">
  223.  
  224.         <section id="profile" >
  225.           <div class="sticky-paper-head has-shadow ">
  226.             <div class="content">
  227.               <h1>profile</h1>
  228.             </div>
  229.           </div>
  230.           <div class="sticky-paper-body has-shadow " >
  231.             <div class="content">
  232.               <div class="row">
  233.                 <div class="col-xs-12 col-lg-6">
  234.                   <div class="timeline-holder wow bounceInUp">
  235.                     <div class="timeline-head">
  236.                       <div class="icon">
  237.                         <i class="fa fa-user"></i>
  238.                       </div>
  239.                     </div>
  240.                     <div class="timeline-body">
  241.                       <div class="profile-item timeline-item">
  242.                         <div class="icon-item left">
  243.                           <div class="circular-icon ">
  244.                             <i class="fa fa-child"></i>
  245.                           </div>
  246.                         </div>
  247.  
  248.                         <div class="profile-content timeline-content right">
  249.                           <label>full name</label>
  250.                           <div class="value">ELAINE ROZARIO</div>
  251.                         </div>
  252.  
  253.                       </div>
  254.  
  255.                       <div class="profile-item timeline-item">
  256.                         <div class="icon-item right">
  257.                           <div class="circular-icon">
  258.                             <i class="fa fa-envelope"></i>
  259.                           </div>
  260.  
  261.                         </div>
  262.                         <div class="profile-content timeline-content left">
  263.                           <label>email address</label>
  264.                           <div class="value">elainerozario@yahoo.com
  265.                           </div>
  266.                         </div>
  267.  
  268.                       </div>
  269.  
  270.                       <div class="profile-item timeline-item">
  271.                         <div class="icon-item left">
  272.                           <div class="circular-icon">
  273.                             <i class="fa fa-birthday-cake"></i>
  274.                           </div>
  275.  
  276.                         </div>
  277.                         <div class="profile-content timeline-content right">
  278.                           <label>birthday</label>
  279.                           <div class="value">23/08/1989</div>
  280.                         </div>
  281.  
  282.                       </div>
  283.  
  284.  
  285.                       <div class="profile-item timeline-item">
  286.                         <div class="icon-item right">
  287.                           <div class="circular-icon ">
  288.                             <i class="fa fa-phone"></i>
  289.                           </div>
  290.                         </div>
  291.  
  292.                         <div class="profile-content timeline-content left">
  293.                           <label>Phone</label>
  294.                           <div class="value">+91 9833654594</div>
  295.                         </div>
  296.  
  297.                       </div>
  298.  
  299.  
  300.                       <div class="profile-item timeline-item">
  301.                         <div class="icon-item left">
  302.                           <div class="circular-icon left">
  303.                             <i class="fa fa-code"></i>
  304.                           </div>
  305.  
  306.                         </div>
  307.                         <div class="profile-content timeline-content right">
  308.                           <label>Availability</label>
  309.                           <div class="value">Available for Freelancing</div>
  310.                         </div>
  311.  
  312.                       </div>
  313.                     </div>
  314.                   </div>
  315.                 </div>
  316.                 <div class="col-xs-12 col-lg-6">
  317.                   <div class="interests-holder">
  318.                     <div class="interests-row medium">
  319.                       <ul>
  320.                         <li class="wow bounceInDown" data-wow-delay="0.1s" >
  321.                           <i class="fa fa-code"></i>
  322.                           <span>Coding</span>
  323.                         </li>
  324.                         <li class="wow bounceInDown" data-wow-delay="0.2s">
  325.                           <i class="fa fa-cutlery"></i>
  326.                           <span>Foods</span>
  327.                         </li>
  328.                         <li class="wow bounceInDown" data-wow-delay="0.3s">
  329.                           <i class="fa fa-graduation-cap"></i>
  330.                           <span>Science</span>
  331.                         </li>
  332.                         <li class="wow bounceInDown" data-wow-delay="0.4s">
  333.                           <i class="fa fa-leaf"></i>
  334.                           <span>Nature</span>
  335.                         </li>
  336.                       </ul>
  337.                     </div>
  338.                     <div class="interests-row big">
  339.                       <ul>
  340.                         <li class="wow bounceInDown" data-wow-delay="0.5s">
  341.                           <i class="fa fa-music"></i>
  342.                           <span>Music</span>
  343.                         </li>
  344.                         <li class="wow bounceInDown" data-wow-delay="0.6s">
  345.                           <i class="fa fa-plane"></i>
  346.                           <span>Travel</span>
  347.                         </li>
  348.                         <li class="wow bounceInDown" data-wow-delay="0.7s">
  349.                           <i class="fa fa-pencil"></i>
  350.                           <span>Writing</span>
  351.                         </li>
  352.                         <li class="wow bounceInDown" data-wow-delay="0.8s">
  353.                           <i class="fa fa-coffee"></i>
  354.                           <span>Coffee</span>
  355.                         </li>
  356.                       </ul>
  357.                     </div>
  358.  
  359.  
  360.                     <div class="title wow fadeIn"  >
  361.                       <h1>hobbies & interests</h1>
  362.                    </div>
  363.                    <div class="interests-row big">
  364.                      <ul>
  365.                        <li class="wow bounceInDown" data-wow-delay="0.1s">
  366.                          <i class="fa fa-rocket"></i>
  367.                          <span>Space</span>
  368.                        </li>
  369.                        <li class="wow bounceInDown" data-wow-delay="0.2s">
  370.                          <i class="fa fa-road"></i>
  371.                          <span>road Trip</span>
  372.                        </li>
  373.                        <li class="wow bounceInDown" data-wow-delay="0.3s">
  374.                          <i class="fa fa-paw"></i>
  375.                          <span>dogs</span>
  376.                        </li>
  377.                        <li class="wow bounceInDown" data-wow-delay="0.4s">
  378.                          <i class="fa fa-paint-brush"></i>
  379.                          <span>art</span>
  380.                        </li>
  381.                      </ul>
  382.                    </div>
  383.  
  384.                    <div class="interests-row medium">
  385.                      <ul>
  386.                        <li class="wow bounceInDown" data-wow-delay="0.5s">
  387.                          <i class="fa fa-music"></i>
  388.                          <span>Music</span>
  389.                        </li>
  390.                        <li class="wow bounceInDown" data-wow-delay="0.6s">
  391.                          <i class="fa fa-plane"></i>
  392.                          <span>Travel</span>
  393.                        </li>
  394.                        <li class="wow bounceInDown" data-wow-delay="0.7s">
  395.                          <i class="fa fa-pencil"></i>
  396.                          <span>Writing</span>
  397.                        </li>
  398.                        <li class="wow bounceInDown" data-wow-delay="0.8s">
  399.                          <i class="fa fa-coffee"></i>
  400.                          <span>Coffee</span>
  401.                        </li>
  402.                      </ul>
  403.                    </div>
  404.                  </div>
  405.                </div>
  406.              </div>
  407.            </div>
  408.          </div>
  409.        </section>
  410.  
  411.        <hr class="le-hr">
  412.  
  413.        <section id="education" >
  414.          <div class="sticky-paper-head has-shadow ">
  415.            <div class="content">
  416.              <h1>education</h1>
  417.            </div>
  418.          </div>
  419.  
  420.          <div class="sticky-paper-body has-shadow " >
  421.            <div class="content">
  422.              <div class="row">
  423.                <div class="col-xs-12">
  424.                  <div class="timeline-holder wow bounceInUp" >
  425.                    <div class="timeline-head event-head">
  426.                      <div class="icon">
  427.                        <i class="fa fa-university"></i>
  428.                      </div>
  429.                    </div>
  430.                    <div class="timeline-body">
  431.                      <div class="event-item timeline-item">
  432.  
  433.                        <div class="event-title left">
  434.                          <h1>Bachelor of Engineering Computer Science</h1>
  435.                          <h4>Xavier Institute of Engineering, Mahim, Mumbai</h4>
  436.                        </div>
  437.  
  438.  
  439.                        <div class="event-content timeline-content right">
  440.                          <p>
  441.                            Have completed Bachelor of Engineering Computer Science.
  442.                            from Xavier Institute of Engineering, Mahim, Mumbai.<br>
  443.                            <b>Year: </b><small>2012 -2014.</small>
  444.  
  445.                          </p>
  446.                        </div>
  447.  
  448.                      </div>
  449.  
  450.  
  451.                      <div class="event-item timeline-item">
  452. <div class="event-content timeline-content left">
  453.                          <p>
  454.                            Have completed Diploma in Computer Engineering .
  455.                            from L&T Institute of Technology, Powai, Mumbai.<br>
  456.                            <b>Year: </b><small>2008-2011.</small>
  457.  
  458.                          </p>
  459.  
  460.                        </div>
  461.                        <div class="event-title right">
  462.                          <h1>Diploma in Computer Engineering </h1>
  463.                          <h4>L&T Institute of Technology, Powai, Mumbai</h4>
  464.                        </div>
  465.  
  466.  
  467.                      
  468.  
  469.                      </div>
  470.  
  471.  
  472.                      <div class="event-item timeline-item">
  473.  
  474.                        <div class="event-title left">
  475.                          <h1>High School</h1>
  476.                          <h4>Duruelo Convent High School ,Bandra, Mumbai</h4>
  477.                        </div>
  478.  
  479.                        <div class="event-content timeline-content right">
  480.                          <p>
  481.                            Have completed schooling from Duruelo Convent High School ,Bandra, Mumbai.<br>
  482.                            <b>Year: </b><small>2004-2005</small>
  483.                          </p>
  484.  
  485.                        </div>
  486.  
  487.                      </div>
  488.  
  489.                    </div>
  490.                  </div>
  491.                </div>
  492.              </div>
  493.            </div>
  494.          </div>
  495.        </section>
  496.  
  497.        <hr class="le-hr">
  498.  
  499.        <section id="experiences" >
  500.          <div class="sticky-paper-head has-shadow ">
  501.            <div class="content">
  502.              <h1>experiences</h1>
  503.            </div>
  504.          </div>
  505.  
  506.          <div class="sticky-paper-body has-shadow " >
  507.            <div class="content">
  508.              <div class="row">
  509.                <div class="col-xs-12">
  510.                  <div class="timeline-holder wow bounceInUp" >
  511.                    <div class="timeline-head event-head">
  512.                      <div class="icon">
  513.                        <i class="fa fa-suitcase"></i>
  514.                      </div>
  515.                    </div>
  516.                    <div class="timeline-body">
  517.                      <div class="event-item timeline-item">
  518.  
  519.                        <div class="event-title left">
  520.                          <h1>Web Solution Specialist </h1>
  521.                          <h4>Directi <small>2014-Present</small></h4>
  522.                        </div>
  523.  
  524.  
  525.                        <div class="event-content timeline-content right">
  526.                          <p>
  527.                            Currently working as a <strong>Web Solution Specialist at Directi </strong> (Andheri East) since 27th October 2014.
  528.                            (Responsibilities: Troubleshooting, Resolving all Technical issues related to our software and the range of
  529.                            Products and Services it provisions, Interacting with clients via.
  530.                            Live chat, Web-based systems, On line forums and Telephone to resolve their problems and gather feedback, Testing & Analysis of all products & services).
  531.  
  532.                          </p>
  533.                        </div>
  534.  
  535.                      </div>
  536.  
  537.  
  538.                      <div class="event-item timeline-item">
  539.  
  540.                    
  541.  
  542.  
  543.                        <div class="event-content timeline-content left">
  544.                          <p>
  545.                            Was a <strong>Trainee at L&T InfoTech/HR</strong> and contributed to the successful execution
  546.                            of the project titled &quot;IT Infrastructure services&quot; during the period 21/12/2010 to 9/05/2011.
  547.  
  548.                           </p>
  549.  
  550.                         </div>
  551.                        
  552.                             <div class="event-title right">
  553.                           <h1>trainee</h1>
  554.                           <h4>L&T InfoTech/HR <small>21/12/2010 - 9/05/2011</small></h4>
  555.                        </div>
  556.  
  557.                      </div>
  558.  
  559.  
  560.                      <div class="event-item timeline-item">
  561.  
  562.                        <div class="event-title left">
  563.                          <h1>trainee </h1>
  564.                          <h4>L&T InfoTech/HR <small>1/7/2009 - 13/11/2009</small></h4>
  565.                        </div>
  566.  
  567.                        <div class="event-content timeline-content right">
  568.                          <p>
  569.                            Was a <strong>Trainee at L&T InfoTech/HR</strong> and contributed to the successful execution of the project titled &quot;Server and Network Monitoring & troubleshooting&quot; during the period 1/7/2009 to 13/11/2009.
  570.                           </p>
  571.  
  572.                         </div>
  573.  
  574.                       </div>
  575.  
  576.                     </div>
  577.                   </div>
  578.                 </div>
  579.               </div>
  580.             </div>
  581.           </div>
  582.         </section>
  583.  
  584.  
  585.         <hr class="le-hr">
  586.  
  587.         <section id="skills" >
  588.           <div class="sticky-paper-head has-shadow ">
  589.             <div class="content">
  590.               <h1>skills</h1>
  591.             </div>
  592.           </div>
  593.  
  594.           <div class="sticky-paper-body has-shadow " >
  595.             <div class="content">
  596.               <div class="row">
  597.                 <div class="col-xs-12">
  598.                   <div class="timeline-holder wow bounceInUp" >
  599.                     <div id="skills-head" class="timeline-head">
  600.                       <div class="icon">
  601.                         <i class="fa  fa-tasks"></i>
  602.                       </div>
  603.                     </div>
  604.                     <div class="timeline-body">
  605.                       <div class="skill-holder timeline-item">
  606.  
  607.                         <div class="skill-item left">
  608.                           <div class="skill"  data-text="85%"  data-info="HTML" data-percent="80"   data-fill="#272425"></div>
  609.                         </div>
  610.  
  611.                         <div class="event-content timeline-content right">
  612.                           <p>
  613.                             HTML (HyperText Markup Language) is the most basic building block of the Web.
  614. It describes and defines the content of a webpage.
  615. Other technologies besides HTML are generally used to describe a webpage's appearance/presentation (CSS) or functionality (JavaScript).
  616.  
  617.                           </p>
  618.                         </div>
  619.  
  620.                       </div>
  621.  
  622.  
  623.                       <div class="skill-holder timeline-item">
  624.  
  625.                      
  626.  
  627.                         <div class="event-content timeline-content left">
  628.                           <p>
  629.                             Java is a general-purpose computer programming language that is concurrent, class-based, object-oriented, and specifically designed to have as few implementation dependencies as possible.
  630. It is intended to let application developers "write once, run anywhere".
  631.  
  632.                           </p>
  633.                         </div>
  634.                        
  635.                           <div class="skill-item right">
  636.                           <div class="skill"  data-text="85%" data-info="JAVA"   data-percent="85"   data-fill="#272425"></div>
  637.                         </div>
  638.  
  639.                       </div>
  640.  
  641.  
  642.                       <div class="skill-holder timeline-item">
  643.  
  644.                         <div class="skill-item left">
  645.                           <div class="skill"  data-text="75%" data-info="VB"   data-percent="75"   data-fill="#272425"></div>
  646.                         </div>
  647.  
  648.                         <div class="event-content timeline-content right">
  649.                           <p>
  650.                            Visual Basic (VB) is a programming environment from Microsoft in which a programmer uses a graphical user interface (GUI) to choose and modify preselected sections of code written in the BASIC programming language.
  651.  
  652.                           </p>
  653.                         </div>
  654.  
  655.                       </div>
  656.  
  657.                       <div class="skill-holder timeline-item">
  658.  
  659.                      
  660.                         <div class="event-content timeline-content left">
  661.                           <p>
  662.                             SQL (Structured Query Language) is a special-purpose domain-specific language used in programming and designed for managing data held in a relational database management system (RDBMS), or for stream processing in a relational data stream management system (RDSMS).
  663.  
  664.                           </p>
  665.                         </div>
  666.                        
  667.                           <div class="skill-item right">
  668.                           <div class="skill"  data-text="65%" data-info="SQL"   data-percent="65"   data-fill="#272425"></div>
  669.                         </div>
  670.  
  671.  
  672.                       </div>
  673.  
  674.                     </div>
  675.                   </div>
  676.                 </div>
  677.               </div>
  678.             </div>
  679.           </div>
  680.         </section>
  681.  
  682.  
  683.         <hr class="le-hr">
  684.  
  685.         <section id="portfolio" >
  686.           <div class="sticky-paper-head has-shadow ">
  687.             <div class="content">
  688.               <h1>portfolio</h1>
  689.             </div>
  690.           </div>
  691.  
  692.           <div class="sticky-paper-body has-shadow " >
  693.             <div class="content">
  694.               <div class="row">
  695.                 <div class="col-xs-12">
  696.                   <div class="portfolio-holder">
  697.                     <div id="filters" class="group-selectors">
  698.                       <a class="active" href="#all"   data-filter="*">all</a>
  699.                       <a  href="#advertisement" data-filter=".advertisement">advertisement</a>
  700.  
  701.                       <a  href="#illustration" data-filter=".illustration">illustration</a>
  702.                       <a  href="#web" data-filter=".web">web</a>
  703.  
  704.                       <a  href="#branding" data-filter=".branding">branding</a>
  705.  
  706.                     </div>
  707.  
  708.                     <div id="portfolio-grid" class="row">
  709.                       <figure class="col-xs-12 col-sm-6 col-md-4 portfolio-item illustration ">
  710.                         <a data-rel="prettyphoto" href="http://amindiary.com/demo/papyrus/images/portfolio/work01.jpg">
  711.                           <img alt="" src="http://amindiary.com/demo/papyrus/images/portfolio/work01.jpg"   />
  712.                         </a>
  713.                         <div class="holder">
  714.                           <div class="paper  has-shadow title">
  715.                             <div class="content">
  716.                               Cartoon Man
  717.                             </div>
  718.  
  719.                           </div>
  720.  
  721.                           <div class="paper  has-shadow category">
  722.                             <div class="content">
  723.                               illustration
  724.                             </div>
  725.                           </div>
  726.                         </div>
  727.                       </figure>
  728.  
  729.  
  730.                       <figure class="col-xs-12 col-sm-6 col-md-4 portfolio-item advertisement">
  731.                         <a data-rel="prettyphoto" href="http://amindiary.com/demo/papyrus/images/portfolio/work02.jpg">
  732.                           <img alt="" src="http://amindiary.com/demo/papyrus/images/portfolio/work02.jpg"   />
  733.                         </a>
  734.                         <div class="holder">
  735.                           <div class="paper  has-shadow title">
  736.                             <div class="content">
  737.                               The Project
  738.                             </div>
  739.  
  740.                           </div>
  741.  
  742.                           <div class="paper  has-shadow category">
  743.                             <div class="content">
  744.                               advertisement
  745.                             </div>
  746.                           </div>
  747.                         </div>
  748.                       </figure>
  749.  
  750.  
  751.  
  752.                       <figure class="col-xs-12 col-sm-6 col-md-4 portfolio-item branding">
  753.                         <a data-rel="prettyphoto" href="http://amindiary.com/demo/papyrus/images/portfolio/work04.jpg">
  754.                           <img alt="" src="http://amindiary.com/demo/papyrus/images/portfolio/work04.jpg"   />
  755.                         </a>
  756.  
  757.                         <div class="holder">
  758.                           <div class="paper  has-shadow title">
  759.                             <div class="content">
  760.                               Punch your boss
  761.                             </div>
  762.  
  763.                           </div>
  764.  
  765.                           <div class="paper  has-shadow category">
  766.                             <div class="content">
  767.                               branding
  768.                             </div>
  769.                           </div>
  770.                         </div>
  771.                       </figure>
  772.  
  773.                       <figure class="col-xs-12 col-sm-6 col-md-4 portfolio-item advertisement web">
  774.                         <a data-rel="prettyphoto" href="http://amindiary.com/demo/papyrus/images/portfolio/work03.jpg">
  775.                           <img alt="" src="http://amindiary.com/demo/papyrus/images/portfolio/work03.jpg"   />
  776.                         </a>
  777.                         <div class="holder">
  778.                           <div class="paper  has-shadow title">
  779.                             <div class="content">
  780.                               motion picture
  781.                             </div>
  782.  
  783.                           </div>
  784.  
  785.                           <div class="paper  has-shadow category">
  786.                             <div class="content">
  787.                               advertisement
  788.                             </div>
  789.                           </div>
  790.                         </div>
  791.                       </figure>
  792.                       <figure class="col-xs-12 col-sm-6 col-md-4 portfolio-item branding">
  793.                         <a data-rel="prettyphoto" href="http://amindiary.com/demo/papyrus/images/portfolio/work05.jpg">
  794.                           <img alt="" src="http://amindiary.com/demo/papyrus/images/portfolio/work05.jpg"   />
  795.                         </a>
  796.                         <div class="holder">
  797.                           <div class="paper  has-shadow title">
  798.                             <div class="content">
  799.                               logo design
  800.                             </div>
  801.  
  802.                           </div>
  803.  
  804.                           <div class="paper  has-shadow category">
  805.                             <div class="content">
  806.                               branding
  807.                             </div>
  808.                           </div>
  809.                         </div>
  810.                       </figure>
  811.  
  812.                       <figure class="col-xs-12 col-sm-6 col-md-4 portfolio-item branding">
  813.                         <a data-rel="prettyphoto" href="http://amindiary.com/demo/papyrus/images/portfolio/work06.jpg">
  814.                           <img alt="" src="http://amindiary.com/demo/papyrus/images/portfolio/work06.jpg"  />
  815.                         </a>
  816.                         <div class="holder">
  817.                           <div class="paper  has-shadow title">
  818.                             <div class="content">
  819.                               animating job #3
  820.                             </div>
  821.  
  822.                           </div>
  823.  
  824.                           <div class="paper  has-shadow category">
  825.                             <div class="content">
  826.                               branding
  827.                             </div>
  828.                           </div>
  829.                         </div>
  830.                       </figure>
  831.  
  832.                     </div>
  833.                   </div>
  834.                 </div>
  835.               </div>
  836.             </div>
  837.           </div>
  838.         </section>
  839.  
  840.         <hr class="le-hr">
  841.  
  842.         <section id="blog" >
  843.           <div class="sticky-paper-head has-shadow ">
  844.             <div class="content">
  845.               <h1>Projects</h1>
  846.             </div>
  847.           </div>
  848.  
  849.           <div class="sticky-paper-body has-shadow " >
  850.             <div class="content">
  851.               <div class="row">
  852.                 <div class="col-xs-12">
  853.                   <div class="blog-list-holder row">
  854.  
  855.  
  856.                     <div class="blog-item item col-xs-12 col-md-6 col-lg-4" >
  857.                      
  858.                       <div class="thumb has-shadow">
  859.                         <div class="date">
  860.                         Final year diploma project
  861.                       </div>
  862.                         <img alt="" src="http://amindiary.com/demo/papyrus/images/blog/img01.jpg" />
  863.                       </div>
  864.                       <div class="info-area">
  865.  
  866.                         <div class="title">
  867.                           Education analyzer
  868.                         </div>
  869.                         <div class="excerpt">
  870.                           <p>
  871.                             Database project using vb .net and oracle
  872.                           </p>
  873.                         </div>
  874.  
  875.                         <a class="le-btn" href="#blog">readmore</a>
  876.                       </div>
  877.  
  878.  
  879.                     </div>
  880.  
  881.                     <div class="blog-item item col-xs-12 col-md-6 col-lg-4" >
  882.                      
  883.                       <div class="thumb has-shadow">
  884.                          <div class="date ">
  885.                                                  Third year B.E.
  886.                                             </div>
  887.                         <img alt="" src="http://amindiary.com/demo/papyrus/images/blog/img02.jpg" />
  888.                       </div>
  889.                       <div class="info-area">
  890.  
  891.                         <div class="title">
  892.                           TE COMPS, Banking system, Gym management system, Perfect partner
  893.                         </div>
  894.                         <div class="excerpt">
  895.                           <p>
  896.                             Html, Database project using vb .net and oracle
  897.                           </p>
  898.                         </div>
  899.  
  900.                         <a class="le-btn" href="#blog">readmore</a>
  901.  
  902.                       </div>
  903.  
  904.                     </div>
  905.  
  906.  
  907.  
  908.                     <div class="blog-item item col-xs-12 col-md-6 col-lg-4">
  909.                      
  910.                       <div class="thumb has-shadow">
  911.                         <div class="date ">
  912.                                                  BE(final year project)
  913.                                            </div>
  914.                         <img alt="" src="http://amindiary.com/demo/papyrus/images/blog/img03.jpg" />
  915.                       </div>
  916.                       <div class="info-area">
  917.  
  918.                         <div class="title">
  919.                           Performance Evaluation of routing protocols in hybrid network
  920.                         </div>
  921.                         <div class="excerpt">
  922.                           <p>
  923.                             Comparison using NS-2 simulation
  924.                           </p>
  925.                         </div>
  926.  
  927.                         <a class="le-btn" href="#blog">readmore</a>
  928.  
  929.                       </div>
  930.  
  931.                     </div>
  932.  
  933.  
  934.  
  935.                     <!--<div class="blog-item item col-xs-12 col-md-6 col-lg-4">
  936.                    
  937.                      <div class="thumb has-shadow">
  938.                         <div class="date">
  939.                                                05 June 2014
  940.                                          </div>
  941.                        <img alt="" src="http://amindiary.com/demo/papyrus/images/blog/img04.jpg" />
  942.                      </div>
  943.                      <div class="info-area">
  944.  
  945.                        <div class="title">
  946.                          Lorem ipsum dolor sit amet
  947.                        </div>
  948.                        <div class="excerpt">
  949.                          <p>
  950.                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consequat mi in augue adipiscing, ut consectetur libero rhoncus.
  951.                          </p>
  952.                        </div>
  953.  
  954.                        <a class="le-btn" href="single-post.html">readmore</a>
  955.                      </div>
  956.  
  957.  
  958.                    </div>
  959.  
  960.  
  961.                    <div class="blog-item item col-xs-12 col-md-6 col-lg-4">
  962.                      
  963.                      <div class="thumb has-shadow">
  964.                        <div class="date">
  965.                      
  966.                          25 Nov 2014
  967.                      
  968.                      </div>
  969.                        <img alt="" src="http://amindiary.com/demo/papyrus/images/blog/img05.jpg" />
  970.                      </div>
  971.                      <div class="info-area">
  972.  
  973.                        <div class="title">
  974.                          Lorem ipsum dolor sit amet
  975.                        </div>
  976.                        <div class="excerpt">
  977.                          <p>
  978.                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consequat mi in augue adipiscing, ut consectetur libero rhoncus.
  979.                          </p>
  980.                        </div>
  981.  
  982.                        <a class="le-btn" href="single-post.html">readmore</a>
  983.  
  984.                      </div>
  985.  
  986.                    </div>
  987.  
  988.  
  989.  
  990.                    <div class="blog-item item col-xs-12 col-md-6 col-lg-4" >
  991.                    
  992.                      <div class="thumb has-shadow">
  993.                         <div class="date">
  994.                      
  995.                          10 Aug 2014
  996.                      
  997.                      </div>
  998.                        <img alt="" src="http://amindiary.com/demo/papyrus/images/blog/img06.jpg" />
  999.                      </div>
  1000.                      <div class="info-area">
  1001.  
  1002.                        <div class="title">
  1003.                          Lorem ipsum dolor sit amet
  1004.                        </div>
  1005.                        <div class="excerpt">
  1006.                          <p>
  1007.                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consequat mi in augue adipiscing, ut consectetur libero rhoncus.
  1008.                          </p>
  1009.                        </div>
  1010.  
  1011.                        <a class="le-btn" href="single-post.html">readmore</a>
  1012.  
  1013.                      </div>
  1014.  
  1015.                    </div>-->
  1016.  
  1017.  
  1018.                   </div>
  1019.                 </div>
  1020.               </div>
  1021.             </div>
  1022.           </div>
  1023.         </section>
  1024.  
  1025.         <hr class="le-hr">
  1026.  
  1027.  
  1028.         <section id="contact" >
  1029.           <div class="sticky-paper-head has-shadow ">
  1030.             <div class="content">
  1031.               <h1>contact</h1>
  1032.             </div>
  1033.           </div>
  1034.  
  1035.           <div class="sticky-paper-body has-shadow " >
  1036.             <div class="content">
  1037.               <div class="row row-contact">
  1038.  
  1039.                 <div class="col-xs-12 col-md-8">
  1040.                   <div class="contact-form-holder">
  1041.  
  1042.                     <div class="message-box"></div>
  1043.  
  1044.                     <form id="contact-form" class="contact-form " method="post" >
  1045.  
  1046.  
  1047.  
  1048.  
  1049.                       <div class="col-xs-12 col-sm-6 no-margin">
  1050.                         <div class="control-group">
  1051.  
  1052.                           <div class="controls">
  1053.  
  1054.  
  1055.                             <input  id="cname" data-placeholder="Your Name*" name="name" size="25" class="le-input  required col-xs-12"  />
  1056.  
  1057.                           </div>
  1058.                         </div>
  1059.                       </div>
  1060.  
  1061.                       <div class="col-xs-12 col-sm-6 no-margin">
  1062.                         <div class="control-group">
  1063.  
  1064.                           <div class="controls">
  1065.  
  1066.  
  1067.                             <input id="cemail" data-placeholder="Your Email*" name="email" class="le-input  required email col-xs-12" />
  1068.                           </div>
  1069.                         </div>
  1070.                       </div>
  1071.  
  1072.  
  1073.                       <div class="col-xs-12  no-margin">
  1074.                         <div class="control-group">
  1075.  
  1076.                           <div class="controls">
  1077.  
  1078.  
  1079.                             <input  id="subject" data-placeholder="Subject" name="subject" size="25" class="le-input col-xs-12"  />
  1080.  
  1081.                           </div>
  1082.                         </div>
  1083.                       </div>
  1084.  
  1085.  
  1086.                       <div class="col-xs-12 no-margin">
  1087.                         <div class="control-group">
  1088.  
  1089.                           <div class="controls">
  1090.  
  1091.  
  1092.                             <textarea id="ccomment" class=" le-input col-xs-12 no-margin" name="message" rows="9"  cols="5" data-placeholder="Message" ></textarea>
  1093.  
  1094.  
  1095.                           </div>
  1096.                         </div>
  1097.                       </div>
  1098.  
  1099.  
  1100.  
  1101.                       <div class="col-xs-12 no-margin">
  1102.                         <div class="button-holder">
  1103.                           <input class="submit  le-btn big" type="submit" value="send" />
  1104.                         </div>
  1105.                         <div id="loading" class="pull-right">
  1106.                           <img alt="" src="http://amindiary.com/demo/papyrus/images/loader.gif" />
  1107.                         </div>
  1108.                       </div>
  1109.  
  1110.  
  1111.  
  1112.  
  1113.  
  1114.                     </form>
  1115.                   </div>
  1116.                 </div>
  1117.  
  1118.                 <div class="col-xs-12 col-md-4">
  1119.                   <div class="contact-info">
  1120.  
  1121.                     <ul>
  1122.                       <li>
  1123.                         <label>address:</label> 1/B Pali Village,Bandra (West), Mumbai 400050 <br>Maharashtra,India
  1124.                       </li>
  1125.                       <li>
  1126.                         <label>email:</label> <a href="#">elainerozario@yahoo.com</a>
  1127.                       </li>
  1128.                       <li>
  1129.                         <label>phone:</label> <a href="#">+91 9833654594</a>
  1130.                       </li>
  1131.                       <li>
  1132.                         <label>fax</label> <a href="#">+90 123 456 7890</a>
  1133.                       </li>
  1134.                     </ul>
  1135.  
  1136.                     <div class="social-icons">
  1137.                       <ul>
  1138.                         <li>
  1139.                           <a class="fa fa-facebook" href="https://www.facebook.com/elaine.rozario"></a>
  1140.                         </li>
  1141.                         <li>
  1142.                           <a class="fa fa-twitter" href="https://twitter.com/elaine_rozario"></a>
  1143.                         </li>
  1144.                         <li>
  1145.                           <a class="fa fa-google-plus" href="https://plus.google.com/109868765549076085753"></a>
  1146.                         </li>
  1147.                         <li>
  1148.                           <a class="fa fa-youtube" href="https://www.youtube.com/channel/UCV_-Y0nSzcFcDJSodm0lT-g"></a>
  1149.                         </li>
  1150.                         <li>
  1151.                           <a class="fa fa-linkedin" href="https://in.linkedin.com/in/elaine-rozario-4ab25b30"></a>
  1152.                         </li>
  1153.                       </ul>
  1154.                     </div>
  1155.                   </div>
  1156.                 </div>
  1157.  
  1158.               </div>
  1159.             </div>
  1160.           </div>
  1161.         </section>
  1162.  
  1163.  
  1164.  
  1165.         <section id="footer">
  1166.           <div class="sticky-paper-head has-shadow">
  1167.             <div class="content">
  1168.               <div class="copyright">
  1169.                 created with <i class="fa fa-glass"></i> by <a class="bold" href="http://elaineinfo.tk/">Elaine</a>
  1170.               </div>
  1171.             </div>
  1172.           </div>
  1173.         </section>
  1174.  
  1175.  
  1176.       </div>
  1177.  
  1178.     </div>
  1179.  
  1180.     <a class="goto-top" href="#gotop"></a>
  1181.  
  1182.  
  1183.     <script src="http://amindiary.com/demo/papyrus/js/jquery-1.11.1.min.js"></script>
  1184.     <script src="http://amindiary.com/demo/papyrus/js/jquery-migrate-1.2.1.min.js"></script>
  1185.     <script src="css/bootstrap/js/bootstrap.min.js"></script>
  1186.  
  1187.     <script type="text/javascript" src="http://amindiary.com/demo/papyrus/js/css_browser_selector.js"></script>
  1188.  
  1189.     <script type="text/javascript" src="http://amindiary.com/demo/papyrus/js/jquery.easing-1.3.js"></script>
  1190.  
  1191.     <script type="text/javascript" src="http://amindiary.com/demo/papyrus/js/jquery.prettyPhoto.js"></script>
  1192.     <script type="text/javascript" src="http://amindiary.com/demo/papyrus/js/jquery.validate.js"></script>
  1193.     <script type="text/javascript" src="http://amindiary.com/demo/papyrus/js/jquery.address-1.5.min.js"></script>
  1194.     <script type="text/javascript" src="http://amindiary.com/demo/papyrus/js/jquery.isotope.min.js"></script>
  1195.     <script type="text/javascript" src="http://amindiary.com/demo/papyrus/js/jquery.circliful.min.js"></script>
  1196.     <script type="text/javascript" src="http://amindiary.com/demo/papyrus/js/wow.min.js"></script>
  1197.  
  1198.     <script type="text/javascript" src="http://amindiary.com/demo/papyrus/js/jquery.circliful.min.js"></script>
  1199.  
  1200.     <script type="text/javascript" src="http://amindiary.com/demo/papyrus/js/script.js"></script>
  1201.  
  1202.   </body>
  1203.  
  1204.  
  1205. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!