Advertisement
deyanivanov966

Projects.html

Dec 24th, 2021
1,701
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 8.53 KB | None | 0 0
  1.  
  2. <!doctype html>
  3. <html lang="en">
  4.  
  5. <head>
  6.     <!-- Required meta tags -->
  7.     <meta charset="utf-8">
  8.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  9.  
  10.     <!-- Bootstrap CSS -->
  11.     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
  12.     <link rel="stylesheet" href="style.css">
  13.     <title>Hristo Ivanov Portfolio</title>
  14. </head>
  15.  
  16. <body>
  17.  
  18.     <nav class="navbar navbar-custom navbar-expand-lg navbar-light fixed-top">
  19.         <a class="navbar-brand" href="index.html">Hristo Ivanov</a>
  20.         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  21.         <span class="navbar-toggler-icon"></span>
  22.       </button>
  23.  
  24.         <div class="collapse navbar-collapse" id="navbarSupportedContent">
  25.             <ul class="navbar-nav ml-auto">
  26.                 <li class="nav-item active">
  27.                     <a class="nav-link" href="Resume.html">Resume<span class="sr-only">(current)</span></a>
  28.                 </li>
  29.                 <li class="nav-item active">
  30.                     <a class="nav-link" href="Projects.html">Projects <span class="sr-only">(current)</span></a>
  31.                 </li>
  32.                 <li class="nav-item active">
  33.                     <a class="nav-link" href="contactMe.html">Let's talk<span class="sr-only">(current)</span></a>
  34.                 </li>
  35.             </ul>
  36.  
  37.             <!-- <form class="form-inline my-2 my-lg-0">
  38.                    <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
  39.                    <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
  40.                </form> -->
  41.         </div>
  42.     </nav>
  43.     <div class="load">
  44.         <div id="dot">
  45.         </div>
  46.     </div>
  47.  
  48.  
  49.     <div class="col-md-12 m-0 p-0">
  50.         <div class="row">
  51.             <div class="col-8" id="LearnMoreAboutMyProjects">
  52.                 <h1 class="bigText">Learn more</h1>
  53.                 <h1 class="bigText">about my</h1>
  54.                 <h1 class="bigText">projects</h1>
  55.             </div>
  56.         </div>
  57.     </div>
  58.  
  59.     <!-- PhoneSimulator Row-->
  60.     <div class="row" id="newRow">
  61.         <div class="col-md-8">
  62.             <img class="img-fluid" id="phoneSimulator" src="images/phoneHomeScreen.png" alt="Workplace" usemap="#workmap" height="860">
  63.             <map name="workmap">
  64.                    <area  alt="Home" title="Home"
  65.                    coords="87,213,28,171" shape="rect" onclick="changeScreen( 'phoneHomeScreen', 'phoneSimulator')">
  66.                    <area  alt="JogMode" title="JogMode"
  67.                    coords="148,214,89,170" shape="rect" onclick="changeScreen( 'phoneJogModeScreen', 'phoneSimulator')">
  68.                    <area  alt="Parameters" title="Parameters"
  69.                    coords="151,170,212,213,176,194"  onclick="changeScreen( 'phoneParametersScreen', 'phoneSimulator')">
  70.                    <area  alt="Values" title="Values"
  71.                    coords="213,171,270,213,234,192"  onclick="changeScreen( 'phoneValuesScreen', 'phoneSimulator')">
  72.                    <area  alt="Chart" title="Chart"
  73.                    coords="273,172,328,212,306,201"  onclick="changeScreen( 'phoneChartScreen', 'phoneSimulator')">
  74.                 </map>
  75.         </div>
  76.         <div class="col-md-4" id="phoneSimulatorText">
  77.             <h2 id="pageName">Xamarin Mobile App</h2>
  78.             <p>
  79.                 P&D Studio Mobile is a free software for easy commissioning and programming the Nanotec controllers, and tuning the motor. It accepts CAN operations from a server and depicts the motor response in a chart and appropriate value metrics.
  80.            </p>
  81.        </div>
  82.    </div>
  83.    <!--END PhoneSimulator Row-->
  84.  
  85.    <!--MailzySimulator Row-->
  86.    <!-- <div class="row" id="newRow">
  87.            <div class="col-md-4" id="mailzySimulatorText">
  88.                <h2 id="pageName">Mailzy</h2>
  89.                <p>
  90.                    Mailzy is a program that is designed to receive, write, send, and keep your email messages. Mailzy use all popular protocols for retrieveing mail include POP3 and IMAP. Sending mail is usually done using the SMTP protocol.
  91.                </p>
  92.            </div>
  93.            <div class="col-md-8">
  94.                <img id="mailzySimulator" src="images/mailzyLoginScreen.png" usemap="#image-map">
  95.                <map name="image-map">
  96.                    <area target="" alt="Login" title="Login" coords="115,477,306,437" shape="rect"
  97.                    onclick="changeScreen('mailzyFirstEmailScreen', 'mailzySimulator')">
  98.                    <area target="_blank" alt="Gmail" title="Gmail" href="https://accounts.google.com/signup/v2/webcreateaccount?flowName=GlifWebSignIn&amp;flowEntry=SignUp" coords="156,632,193,605" shape="rect">
  99.                     <area target="_blank" alt="Outlook" title="Outlook" href="https://signup.live.com/signup?wa=wsignin1.0&amp;rpsnv=13&amp;ct=1605431530&amp;rver=7.0.6737.0&amp;wp=MBI_SSL&amp;wreply=https%3a%2f%2foutlook.live.com%2fowa%2f%3fnlp%3d1%26RpsCsrfState%3d6232abe1-7179-e390-fb3a-69df332fbee2&amp;id=292841&amp;aadredir=1&amp;whr=outlook.com&amp;CBCXT=out&amp;lw=1&amp;fl=dob%2cflname%2cwld&amp;cobrandid=90015&amp;contextid=F2BB7B8F0C32DC2D&amp;bk=1605431530&amp;uiflavor=web&amp;lic=1&amp;mkt=EN-US&amp;lc=1033&amp;uaid=a78e9ec3ea6d48ee86e626e3b6aa09e5
  100.               "coords="233,605,201,633" shape="rect">
  101.                     <area target="_blank" alt="ABV" title="ABV" href="https://passport.abv.bg/app/profiles/registration" coords="275,602,239,635" shape="rect">
  102.                 </map>
  103.                 <map name="image-map1">
  104.                   <area alt="Mailzy Testing" title="Mailzy Testing" coords="64,65,216,85"
  105.                  shape="rect" onclick="changeScreen( 'mailzyFirstEmailScreen', 'mailzySimulator')">
  106.                   <area alt="Test email 1" title="Test email 1" coords="62,87,215,101"
  107.                  shape="rect" onclick="changeScreen( 'mailzySecondEmailScreen', 'mailzySimulator')">
  108.                   <area alt="Your new website is waiti..." title="Your new website is waiti..." coords="64,104,216,117"
  109.                  shape="rect" onclick="changeScreen( 'mailzyThirdEmailScreen', 'mailzySimulator')">
  110.                  
  111.                   <area alt="New email" title="New email" coords="13,135,54,164"
  112.                  shape="rect" onclick="changeScreen( 'mailzyNewEmailScreen', 'mailzySimulator')">
  113.                  
  114.          <area alt="Logout" title="Logout" coords="14,296,55,329"
  115.                  shape="rect" onclick="changeScreen( 'mailzyLoginScreen', 'mailzySimulator')">
  116.               </map>
  117.             </div>
  118.         </div> -->
  119.     <!--END MailzySimulator Row-->
  120.  
  121.     <!--SiteSimulator Row-->
  122.     <!-- <div class="row" id="newRow">
  123.            <div class="col-md-8">
  124.                <embed id="siteSimulator" type="text/html" src="https://icemadafaka.github.io/worldofgaming.github.io/index.html">
  125.            </div>
  126.            <div class="col-md-4" id="siteSimulatorText">
  127.                <h2 id="pageName">World of gaming</h2>
  128.                <p id="pageText">
  129.                    World of gaming is static web page build with HTML5, JavaScript, Bootstrap and jQuery.
  130.                </p>
  131.            </div>
  132.        </div> -->
  133.     <!--END PhoneSimulator Row -->
  134.  
  135.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" defer></script>
  136.     <script src="js/motus.js" defer></script>
  137.     <!-- jQuery first, then Bootstrap JS -->
  138.     <!-- CSS -->
  139.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
  140.     <!-- jQuery and JS bundle w/ Popper.js -->
  141.     <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous" defer>
  142.     </script>
  143.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous" defer>
  144.     </script>
  145.     <!-- Personal JavaScript -->
  146.     <script src="js/projects.js" defer></script>
  147.     <!-- Optional JavaScript -->
  148. </body>
  149.  
  150. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement