projects.html

<!DOCTYPE html>
<html lang="en">
<head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
      <title>Mainpage</title>
      <link rel="stylesheet" href="./css/projects.css">
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
      <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
</head>
<body>
      <div class="wrapper">
            <header>

                  <div class="pulldown">
                        <img src="./image/down.png" width="70px" height="66px"></img>
                  </div>

                  <nav style="z-index:1;">

                        <div class="menu-icon">
                              <i class="fa fa-bars fa-2x"></i>
                        </div>

                        <div class="logo">
                              <img src="./image/icon_b.png" width="150px" height="68px"></img>
                        </div>

                        <div class="menu">
                              <ul>
                                    <li><a href="index.html">Welcome</a></li>
                                    <li><a href="main.html">Home</a></li>
                                    <li><a href="AboutMe.html">About</a></li>
                                    <li><a href="projects.html">Projects</a></li>
                                    <li><a href="artical.html">Articles</a></li>
                                    <li><a href="gallery.html">Gallery</a></li>
                              </ul>
                        </div>
                  </nav>

            </header>

      </div>

      <br/><br/>

      <div class="wall">

            <div class="wall-item">
                  <img src="./image/vodafone.png" onclick="window.open('./pdf/vodafone.pdf','_self')">
                  <h2 onclick="window.open('./pdf/vodafone.pdf','_self')">Vodafone Footfall Analysis</h2>
                  <p onclick="window.open('./pdf/vodafone.pdf','_self')" style="text-align: justify;">The overall goal of the challenge is to predict the store footfall’s label and value with the dataset describes the profiles of VF customers nearby the Vodafone stores and the stores’ characteristics.</p>
            </div>

            <div class="wall-item">
                  <img src="./image/siemens.png" onclick="window.open('./pdf/Smarterial.pdf','_self')">
                  <h2 onclick="window.open('./pdf/Smarterial.pdf','_self')">Revolutionizing Supply Chains using Smarterial</h2>
                  <p onclick="window.open('./pdf/Smarterial.pdf','_self')" style="text-align: justify;">EASYSNAP® is a worldwide exclusive dealer of  the Easysnap® brand and I.P. It is also is the only worldwide  patented one hand opening  and dispensing portion pack for  liquid & semi-liquid products. We are discussing how to revolutionize supply chains by
                  using smarterial</p>
            </div>

            <div class="wall-item">
                  <img src="./image/malasia.png" onclick="window.open('./pdf/malasiarisk.pdf','_self')">
                  <h2 onclick="window.open('./pdf/malasiarisk.pdf','_self')">The Risk of Investments to Malaysia</h2>
                  <p onclick="window.open('./pdf/malasiarisk.pdf','_self')" style="text-align: justify;">Six Economic Corridors in Malaysia were Welcomed to Chinese Investors. And in the previous years, Chinese investors invested a total of 1,722 billion MYR based on the project. Are there risks behind these investments? And whay it is that?</p>
            </div>

            <div class="wall-item">
                  <img src="./image/neauto.png" onclick="window.open('./pdf/neauto.pdf','_self')">
                  <h2 onclick="window.open('./pdf/neauto.pdf','_self')">The Reform of New Energy Vehicles</h2>
                  <p onclick="window.open('./pdf/neauto.pdf','_self')" style="text-align: justify;">This is an industrial analysis of the new energy vehicle industry. What we whould like to find out is the future estimated market position and market share of each brand.</p>
            </div>

            <div class="wall-item" >
                  <img src="./image/yantang.png" onclick="window.open('./pdf/YanytangMarketResearch.pdf','_self')">
                  <h2 onclick="window.open('./pdf/YanytangMarketResearch.pdf','_self')">Marketing Research of Yantang Milk</h2>
                  <p onclick="window.open('./pdf/YanytangMarketResearch.pdf','_self')" style="text-align: justify;">Yantang Mike is a milk company located in Guangdong province of China. This is a marketing research base on the campus data from students. We tried to describe the new strategy that Yantang Milk industry could use.</p>
            </div>

            <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
            <script src="./js/jaliswall.js"></script>
            <script type="text/javascript">

                  $('.wall').jaliswall({
                        item : '.wall-item',
                        columnClass : '.wall-column'
                  });

            </script>

      </div>

      <script type="text/javascript">

      // Menu-toggle button

      $(document).ready(function() {
            $(".menu-icon").on("click", function() {
                  $("nav ul").toggleClass("showing");
            });
      });

      // Scrolling Effect

      $(window).on("scroll", function() {
            if($(window).scrollTop()) {
                  $('nav').addClass('black');
            }

            else {
                  $('nav').removeClass('black');
            }
      })


      </script>

</body>
</html>