1<!doctype html> 2<!--[if IE 8 ]> 3<html class="ie ie8" lang="en"> 4<![endif]--> 5<!--[if (gte IE 9)|!(IE)]> 6<html lang="en" class="no-js"> 7<![endif]--> 8<html lang="en"> 9 <head> 10 <!-- Basic --> 11 <title> 12 JDP: Portfolio 13 </title> 14 <!-- Define Charset --> 15 <meta charset="utf-8"> 16 <!-- Responsive Metatag --> 17 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 18 <!-- Page Description and Author --> 19 <meta name="description" content="Multimedia design and development. E-learning content creation and instructional design."> 20 <meta name="author" content="Jerome Di Pietro"> 21 22 <!-- Bootstrap CSS --> 23 <link rel="stylesheet" href="assets/css/bootstrap.min.css" type="text/css" media="screen"> 24 <!-- Font Awesome CSS --> 25 <link rel="stylesheet" href="assets/fonts/font-awesome.min.css" type="text/css" media="screen"> 26 <!-- Icon --> 27 <link rel="stylesheet" href="assets/fonts/simple-line-icons.css" type="text/css" media="screen"> 28 <!-- rs style --> 29 <link rel="stylesheet" type="text/css" href="assets/css/settings.css" media="screen"> 30 <!-- Span CSS Styles --> 31 <link rel="stylesheet" type="text/css" href="assets/css/main.css?v=1" media="screen"> 32 <!-- Responsive CSS Styles --> 33 <link rel="stylesheet" type="text/css" href="assets/css/responsive.css" media="screen"> 34 <!-- Css3 Transitions Styles --> 35 <link rel="stylesheet" type="text/css" href="assets/css/animate.css" media="screen"> 36 <!-- Selected Preset --> 37 <!--<link rel="stylesheet" type="text/css" href="assets/css/colors/yellow.css" media="screen" />--> 38 <link rel="stylesheet" type="text/css" href="assets/css/colors/red.css" title="red" media="screen" /> 39 40 <!-- ALL GOOGLE FONTS --> 41 <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet"> 42 <link rel="stylesheet" type="text/css" href="assets/css/yellow-theme.css" media="screen" /> 43 44 <!--[if IE 8]> 45
45<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
45 46 <![endif]--> 47 <!--[if lt IE 9]> 48
48<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
48 49 <![endif]--> 50 </head> 51 <body> 52 <!-- Full Body Container --> 53 <div id="container"> 54 <!-- Start Header Section --> 55 <div class="hidden-header"> 56 </div> 57 <header class="clearfix"> 58 59 60 <!-- Start Logo & Navigation --> 61 <div id="yellowTheme" class="navbar navbar-default navbar-top"> 62 <div class="container"> 63 <div class="navbar-header"> 64 <!-- Stat Toggle Nav Link For Mobiles --> 65 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 66 <span class="icon-bar"></span> 67 <span class="icon-bar"></span> 68 <span class="icon-bar"></span> 69 </button> 70 <!-- End Toggle Nav Link For Mobiles --> 71 <!--<a class="navbar-brand" href="index.php"> 72 <img alt="" src="assets/img/logo.png"> 73 </a>--> 74 <a class="navbar-brand" href="//baroquedub.co.uk/about/index.html"> 75 <h2>JDP.</h2></a> 76 </div> 77 <div class="navbar-collapse collapse"> 78 79 80 <!-- Start Navigation List --> 81 <ul class="nav navbar-nav navbar-right"> 82 <li> 83 <a href="//baroquedub.co.uk/about/index.html"> 84 Home 85 </a> 86 </li> 87 <li> 88 <a href="//baroquedub.co.uk/about/index.html#about"> 89 About 90 </a> 91 </li> 92 <li> 93 <a href="//baroquedub.co.uk/about/index.html#work"> 94 Work 95 </a> 96 </li> 97 <li> 98 <a class="active" href="portfolio.php"> 99 Portfolio 100 </a> 101 </li> 102 <li> 103 <a href="https://discord.gg/htTcmtQChe" target="_blank"> 104 Discord 105 </a> 106 </li> 107 <li> 108 <a href="//baroquedub.co.uk/about/index.html#contact"> 109 Contact 110 </a> 111 </li> 112 </ul> 113 <!-- End Navigation List --> 114 </div> 115 </div> 116 </div> 117 <!-- End Header Logo & Naviagtion --> 118 </header> 119 <!-- End Header Section --> 120 121 <!-- Start Page Banner --> 122<!-- <div class="page-banner"> 123 <div class="container"> 124 <div class="row"> 125 <div class="col-md-6 col-sm-6"> 126 <h2>Portfolio</h2> 127 </div> 128 <div class="col-md-6 col-sm-6"> 129 <div class="breadcrumbs"> 130 <a href="index.php">Home</a> 131 <span class="crumbs-spacer"><i class="fa fa-angle-right"></i></span> 132 <span>Portfolio</span> 133 </div> 134 </div> 135 </div> 136 </div> 137 </div>--> 138 <!-- End Page Banner --> 139 140 <!-- Start Content --> 141 <div id="content"> 142 <div class="container"> 143 <div class="row"> 144 <!-- Start Heading --> 145 <div class="heading"> 146 <div class="big-title">Examples of my work</div> 147 <div class="filter-right"> 148 <!-- Portfolio Filter --> 149 <ul class="controls"> 150 <li class="filter active" data-filter="all">All</li> 151 <li class="filter" data-filter=".webdesign">Web Design</li> 152 <li class="filter" data-filter=".development">Development</li> 153 <li class="filter" data-filter=".vr">VR</li> 154 <li class="filter" data-filter=".video">Video</li> 155 <li class="filter" data-filter=".elearning">e-learning</li> 156 <li class="filter" data-filter=".multimedia">Multimedia</li> 157 158 </ul> 159 </div> 160 </div> 161 <!-- End Heading --> 162 <!-- Portfolio Recent Projects --> 163 <div id="portfolio-list"> 164 165 166 <div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix webdesign multimedia"> 167<div class="portfolio-item"> 168 169 <div class="portfolio-img"> 170 <img src="./projects/projects-carousel/img/web-design.png" alt="" /> 171 172 <a href="./projects/web-design.php"> 173 <div class="overlay"> 174 <i class="more fa fa-search"></i> 175 </div> 176 </a> 177 178 </div> 179 <a href="./projects/web-design.php"> 180 <div class="portfolio-item-content"> 181 <h3 class="header"> 182 Web Design 183 </h3> 184 <p class="body"> 185 Web Development and Design 186 </p> 187 <div class="icon"> 188 <i class="fa fa-search"></i> 189 </div> 190 </div> 191 </a> 192</div> 193</div> 194<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix development elearning multimedia"> 195<div class="portfolio-item"> 196 197 <div class="portfolio-img"> 198 <img src="./projects/projects-carousel/img/branching-scenarios.png" alt="" /> 199 200 <a href="./projects/branching-scenarios.php"> 201 <div class="overlay"> 202 <i class="more fa fa-search"></i> 203 </div> 204 </a> 205 206 </div> 207 <a href="./projects/branching-scenarios.php"> 208 <div class="portfolio-item-content"> 209 <h3 class="header"> 210 GCP Branching Scenarios 211 </h3> 212 <p class="body">
213 Problem-Based Learning 214 </p> 215 <div class="icon"> 216 <i class="fa fa-search"></i> 217 </div> 218 </div> 219 </a> 220</div> 221</div> 222<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix vr development multimedia"> 223<div class="portfolio-item"> 224 225 <div class="portfolio-img"> 226 <img src="./projects/projects-carousel/img/vrlab.png" alt="" /> 227 228 <a href="./projects/vrlab.php"> 229 <div class="overlay"> 230 <i class="more fa fa-search"></i> 231 </div> 232 </a> 233 234 </div> 235 <a href="./projects/vrlab.php"> 236 <div class="portfolio-item-content"> 237 <h3 class="header"> 238 The Virtual Reality Lab 239 </h3> 240 <p class="body"> 241 About my work at the IoPPN 242 </p> 243 <div class="icon"> 244 <i class="fa fa-search"></i> 245 </div> 246 </div> 247 </a> 248</div> 249</div> 250<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix elearning vr video development multimedia"> 251<div class="portfolio-item"> 252 253 <div class="portfolio-img"> 254 <img src="./projects/projects-carousel/img/or-room.png" alt="" /> 255 256 <a href="./projects/or-room.php"> 257 <div class="overlay"> 258 <i class="more fa fa-search"></i> 259 </div> 260 </a> 261 262 </div> 263 <a href="./projects/or-room.php"> 264 <div class="portfolio-item-content"> 265 <h3 class="header"> 266 Interactive Operating Theatre 267 </h3> 268 <p class="body"> 269 Exploratory 3D environments 270 </p> 271 <div class="icon"> 272 <i class="fa fa-search"></i> 273 </div> 274 </div> 275 </a> 276</div> 277</div> 278<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix vr development multimedia"> 279<div class="portfolio-item"> 280 281 <div class="portfolio-img"> 282 <img src="./projects/projects-carousel/img/conversational-agent.png" alt="" /> 283 284 <a href="./projects/conversational-agent.php"> 285 <div class="overlay"> 286 <i class="more fa fa-search"></i> 287 </div> 288 </a> 289 290 </div> 291 <a href="./projects/conversational-agent.php"> 292 <div class="portfolio-item-content"> 293 <h3 class="header"> 294 Conversational Agent 295 </h3> 296 <p class="body"> 297 Interacting with a digital human 298 </p> 299 <div class="icon"> 300 <i class="fa fa-search"></i> 301 </div> 302 </div> 303 </a> 304</div> 305</div> 306<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix elearning"> 307<div class="portfolio-item"> 308 309 <div class="portfolio-img"> 310 <img src="./projects/projects-carousel/img/writing-tool.png" alt="" /> 311 312 <a href="./projects/writing-tool.php"> 313 <div class="overlay"> 314 <i class="more fa fa-search"></i> 315 </div> 316 </a> 317 318 </div> 319 <a href="./projects/writing-tool.php"> 320 <div class="portfolio-item-content"> 321 <h3 class="header"> 322 Pharmacy Writing Tool 323 </h3> 324 <p class="body"> 325 Interactive Online Tutorial 326 </p> 327 <div class="icon"> 328 <i class="fa fa-search"></i> 329 </div> 330 </div> 331 </a> 332</div> 333</div> 334<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix development vr multimedia"> 335<div class="portfolio-item"> 336 337 <div class="portfolio-img"> 338 <img src="./projects/projects-carousel/img/youtube.png" alt="" /> 339 340 <a href="./projects/youtube.php"> 341 <div class="overlay"> 342 <i class="more fa fa-search"></i> 343 </div> 344 </a> 345 346 </div> 347 <a href="./projects/youtube.php"> 348 <div class="portfolio-item-content"> 349 <h3 class="header"> 350 YouTube Channel 351 </h3> 352 <p class="body"> 353 Sharing tips and workflows 354 </p> 355 <div class="icon"> 356 <i class="fa fa-search"></i> 357 </div> 358 </div> 359 </a> 360</div> 361</div> 362<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix webdesign elearning"> 363<div class="portfolio-item"> 364 365 <div class="portfolio-img"> 366 <img src="./projects/projects-carousel/img/gcp.png" alt="" /> 367 368 <a href="./projects/gcp.php"> 369 <div class="overlay"> 370 <i class="more fa fa-search"></i> 371 </div> 372 </a> 373 374 </div> 375 <a href="./projects/gcp.php"> 376 <div class="portfolio-item-content"> 377 <h3 class="header"> 378 Good Clinical Practice 379 </h3> 380 <p class="body"> 381 Online Programme 382 </p> 383 <div class="icon"> 384 <i class="fa fa-search"></i> 385 </div> 386 </div> 387 </a> 388</div> 389</div> 390<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix vr development multimedia"> 391<div class="portfolio-item"> 392 393 <div class="portfolio-img"> 394 <img src="./projects/projects-carousel/img/vr-south-london.png" alt="" /> 395 396 <a href="./projects/vr-south-london.php"> 397 <div class="overlay"> 398 <i class="more fa fa-search"></i> 399 </div> 400 </a> 401 402 </div> 403 <a href="./projects/vr-south-london.php"> 404 <div class="portfolio-item-content"> 405 <h3 class="header"> 406 Virtual South London 407 </h3> 408 <p class="body"> 409 Open world VR exploration 410 </p> 411 <div class="icon"> 412 <i class="fa fa-search"></i> 413 </div> 414 </div> 415 </a> 416</div> 417</div> 418<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix elearning multimedia development"> 419<div class="portfolio-item"> 420 421 <div class="portfolio-img"> 422 <img src="./projects/projects-carousel/img/self-assessment-engine.png" alt="" /> 423 424 <a href="./projects/self-assessment-engine.php"> 425 <div class="overlay"> 426 <i class="more fa fa-search"></i> 427 </div> 428 </a> 429 430 </div> 431 <a href="./projects/self-assessment-engine.php"> 432 <div class="portfolio-item-content"> 433 <h3 class="header"> 434 Self Assessment Engine 435 </h3> 436 <p class="body"> 437 Embedded Interactivity 438 </p> 439 <div class="icon"> 440 <i class="fa fa-search"></i> 441 </div> 442 </div> 443 </a> 444</div> 445</div> 446<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix vr development multimedia"> 447<div class="portfolio-item"> 448 449 <div class="portfolio-img"> 450 <img src="./projects/projects-carousel/img/vr-multi-player.png" alt="" /> 451 452 <a href="./projects/vr-multi-player.php"> 453 <div class="overlay"> 454 <i class="more fa fa-search"></i> 455 </div> 456 </a> 457 458 </div> 459 <a href="./projects/vr-multi-player.php"> 460 <div class="portfolio-item-content"> 461 <h3 class="header"> 462 VR Multi-Player Tech Demo 463 </h3> 464 <p class="body"> 465 A 3D shared social space 466 </p> 467 <div class="icon"> 468 <i class="fa fa-search"></i> 469 </div> 470 </div> 471 </a> 472</div> 473</div> 474<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix video multimedia"> 475<div class="portfolio-item"> 476 477 <div class="portfolio-img"> 478 <img src="./projects/projects-carousel/img/fader5000.png" alt="" /> 479 480 <a href="./projects/fader5000.php"> 481 <div class="overlay"> 482 <i class="more fa fa-search"></i> 483 </div> 484 </a> 485 486 </div> 487 <a href="./projects/fader5000.php"> 488 <div class="portfolio-item-content"> 489 <h3 class="header"> 490 How Long Is Too Long 491 </h3> 492 <p class="body"> 493 Music Video Promo 494 </p> 495 <div class="icon"> 496 <i class="fa fa-search"></i> 497 </div> 498 </div> 499 </a> 500</div> 501</div> 502<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix video development vr multimedia"> 503<div class="portfolio-item"> 504 505 <div class="portfolio-img"> 506 <img src="./projects/projects-carousel/img/mri-vr-video.png" alt="" /> 507 508 <a href="./projects/mri-vr-video.php"> 509 <div class="overlay"> 510 <i class="more fa fa-search"></i> 511 </div> 512 </a> 513 514 </div> 515 <a href="./projects/mri-vr-video.php"> 516 <div class="portfolio-item-content"> 517 <h3 class="header"> 518 My MRI Journey app 519 </h3> 520 <p class="body"> 521 VR and 360° Video Tour 522 </p> 523 <div class="icon"> 524 <i class="fa fa-search"></i> 525 </div> 526 </div> 527 </a> 528</div> 529</div> 530<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix development elearning multimedia vr"> 531<div class="portfolio-item"> 532 533 <div class="portfolio-img"> 534 <img src="./projects/projects-carousel/img/virtual-patient-chatbot.jpg" alt="" /> 535 536 <a href="./projects/virtual-patient-chatbot.php"> 537 <div class="overlay"> 538 <i class="more fa fa-search"></i> 539 </div> 540 </a> 541 542 </div> 543 <a href="./projects/virtual-patient-chatbot.php"> 544 <div class="portfolio-item-content"> 545 <h3 class="header">
546 Virtual Patient Chatbot 547 </h3> 548 <p class="body"> 549 AI in Medical Education 550 </p> 551 <div class="icon"> 552 <i class="fa fa-search"></i> 553 </div> 554 </div> 555 </a> 556</div> 557</div> 558<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix multimedia elearning"> 559<div class="portfolio-item"> 560 561 <div class="portfolio-img"> 562 <img src="./projects/projects-carousel/img/astra-zeneca.png" alt="" /> 563 564 <a href="./projects/astra-zeneca.php"> 565 <div class="overlay"> 566 <i class="more fa fa-search"></i> 567 </div> 568 </a> 569 570 </div> 571 <a href="./projects/astra-zeneca.php"> 572 <div class="portfolio-item-content"> 573 <h3 class="header"> 574 Drug Development Sciences 575 </h3> 576 <p class="body"> 577 Distance Learning Programme 578 </p> 579 <div class="icon"> 580 <i class="fa fa-search"></i> 581 </div> 582 </div> 583 </a> 584</div> 585</div><div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix elearning multimedia development"> 586<div class="portfolio-item"> 587 588 <div class="portfolio-img"> 589 <img src="./projects/projects-carousel/img/quiz-app.png" alt="" /> 590 591 <a href="./projects/quiz-app.php"> 592 <div class="overlay"> 593 <i class="more fa fa-search"></i> 594 </div> 595 </a> 596 597 </div> 598 <a href="./projects/quiz-app.php"> 599 <div class="portfolio-item-content"> 600 <h3 class="header"> 601 'The Wire' Quiz App 602 </h3> 603 <p class="body"> 604 Social gamification in e-learning 605 </p> 606 <div class="icon"> 607 <i class="fa fa-search"></i> 608 </div> 609 </div> 610 </a> 611</div> 612</div> 613<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix development vr multimedia"> 614<div class="portfolio-item"> 615 616 <div class="portfolio-img"> 617 <img src="./projects/projects-carousel/img/vr-chat.png" alt="" /> 618 619 <a href="./projects/vr-chat.php"> 620 <div class="overlay"> 621 <i class="more fa fa-search"></i> 622 </div> 623 </a> 624 625 </div> 626 <a href="./projects/vr-chat.php"> 627 <div class="portfolio-item-content"> 628 <h3 class="header"> 629 VRChat projects 630 </h3> 631 <p class="body"> 632 Worlds and avatars 633 </p> 634 <div class="icon"> 635 <i class="fa fa-search"></i> 636 </div> 637 </div> 638 </a> 639</div> 640</div> 641<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix development vr multimedia"> 642<div class="portfolio-item"> 643 644 <div class="portfolio-img"> 645 <img src="./projects/projects-carousel/img/battle-vr.png" alt="" /> 646 647 <a href="./projects/battle-vr.php"> 648 <div class="overlay"> 649 <i class="more fa fa-search"></i> 650 </div> 651 </a> 652 653 </div> 654 <a href="./projects/battle-vr.php"> 655 <div class="portfolio-item-content"> 656 <h3 class="header"> 657 Mastery of Champions 658 </h3> 659 <p class="body"> 660 Auto Battle Chess VR/AR 661 </p> 662 <div class="icon"> 663 <i class="fa fa-search"></i> 664 </div> 665 </div> 666 </a> 667</div> 668</div> 669<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix development webdesign elearning"> 670<div class="portfolio-item"> 671 672 <div class="portfolio-img"> 673 <img src="./projects/projects-carousel/img/pk-calculator.png" alt="" /> 674 675 <a href="./projects/pk-calculator.php"> 676 <div class="overlay"> 677 <i class="more fa fa-search"></i> 678 </div> 679 </a> 680 681 </div> 682 <a href="./projects/pk-calculator.php"> 683 <div class="portfolio-item-content"> 684 <h3 class="header"> 685 PK Calculator Tool 686 </h3> 687 <p class="body"> 688 Interactive Online Spreadsheet 689 </p> 690 <div class="icon"> 691 <i class="fa fa-search"></i> 692 </div> 693 </div> 694 </a> 695</div> 696</div> 697<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix development vr multimedia"> 698<div class="portfolio-item"> 699 700 <div class="portfolio-img"> 701 <img src="./projects/projects-carousel/img/dungeon-vr.png" alt="" /> 702 703 <a href="./projects/dungeon-vr.php"> 704 <div class="overlay"> 705 <i class="more fa fa-search"></i> 706 </div> 707 </a> 708 709 </div> 710 <a href="./projects/dungeon-vr.php"> 711 <div class="portfolio-item-content"> 712 <h3 class="header"> 713 Dungeon VR 714 </h3> 715 <p class="body"> 716 Oculus Rift action RPG 717 </p> 718 <div class="icon"> 719 <i class="fa fa-search"></i> 720 </div> 721 </div> 722 </a> 723</div> 724</div> 725<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix development multimedia"> 726<div class="portfolio-item"> 727 728 <div class="portfolio-img"> 729 <img src="./projects/projects-carousel/img/pirate-cove.jpg" alt="" /> 730 731 <a href="./projects/pirate-cove.php"> 732 <div class="overlay"> 733 <i class="more fa fa-search"></i> 734 </div> 735 </a> 736 737 </div> 738 <a href="./projects/pirate-cove.php"> 739 <div class="portfolio-item-content"> 740 <h3 class="header"> 741 Pirate Cove 742 </h3> 743 <p class="body"> 744 Game dev for Desktop 745 </p> 746 <div class="icon"> 747 <i class="fa fa-search"></i> 748 </div> 749 </div> 750 </a> 751</div> 752</div> 753<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix development vr multimedia"> 754<div class="portfolio-item"> 755 756 <div class="portfolio-img"> 757 <img src="./projects/projects-carousel/img/vrfps.png" alt="" /> 758 759 <a href="./projects/vrfps.php"> 760 <div class="overlay"> 761 <i class="more fa fa-search"></i> 762 </div> 763 </a> 764 765 </div> 766 <a href="./projects/vrfps.php"> 767 <div class="portfolio-item-content"> 768 <h3 class="header"> 769 VR FPS 770 </h3> 771 <p class="body"> 772 Game dev for GoogleVR/GearVR 773 </p> 774 <div class="icon"> 775 <i class="fa fa-search"></i> 776 </div> 777 </div> 778 </a> 779</div> 780</div> 781<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix vr development multimedia"> 782<div class="portfolio-item"> 783 784 <div class="portfolio-img"> 785 <img src="./projects/projects-carousel/img/digital-humans.png" alt="" /> 786 787 <a href="./projects/digital-humans.php"> 788 <div class="overlay"> 789 <i class="more fa fa-search"></i> 790 </div> 791 </a> 792 793 </div> 794 <a href="./projects/digital-humans.php"> 795 <div class="portfolio-item-content"> 796 <h3 class="header"> 797 Digital Humans 798 </h3> 799 <p class="body">
800 Realistic Non-Player Characters 801 </p> 802 <div class="icon"> 803 <i class="fa fa-search"></i> 804 </div> 805 </div> 806 </a> 807</div> 808</div> 809<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix elearning video vr multimedia"> 810<div class="portfolio-item"> 811 812 <div class="portfolio-img"> 813 <img src="./projects/projects-carousel/img/surgical-video.png" alt="" /> 814 815 <a href="./projects/surgical-video.php"> 816 <div class="overlay"> 817 <i class="more fa fa-search"></i> 818 </div> 819 </a> 820 821 </div> 822 <a href="./projects/surgical-video.php"> 823 <div class="portfolio-item-content"> 824 <h3 class="header"> 825 Surgical Skills Training 826 </h3> 827 <p class="body"> 828 Immersive 360° Video 829 </p> 830 <div class="icon"> 831 <i class="fa fa-search"></i> 832 </div> 833 </div> 834 </a> 835</div> 836</div> 837<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix elearning development webdesign multimedia"> 838<div class="portfolio-item"> 839 840 <div class="portfolio-img"> 841 <img src="./projects/projects-carousel/img/lti-training-plan.png" alt="" /> 842 843 <a href="./projects/lti-training-plan.php"> 844 <div class="overlay"> 845 <i class="more fa fa-search"></i> 846 </div> 847 </a> 848 849 </div> 850 <a href="./projects/lti-training-plan.php"> 851 <div class="portfolio-item-content"> 852 <h3 class="header"> 853 Research Methods Training Plan 854 </h3> 855 <p class="body"> 856 Extending Moodle with LTI 857 </p> 858 <div class="icon"> 859 <i class="fa fa-search"></i> 860 </div> 861 </div> 862 </a> 863</div> 864</div> 865<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix elearning"> 866<div class="portfolio-item"> 867 868 <div class="portfolio-img"> 869 <img src="./projects/projects-carousel/img/pharm-calc.png" alt="" /> 870 871 <a href="./projects/pharm-calc.php"> 872 <div class="overlay"> 873 <i class="more fa fa-search"></i> 874 </div> 875 </a> 876 877 </div> 878 <a href="./projects/pharm-calc.php"> 879 <div class="portfolio-item-content"> 880 <h3 class="header"> 881 MPharm Maths Calculations 882 </h3> 883 <p class="body"> 884 Advanced Moodle Assessment 885 </p> 886 <div class="icon"> 887 <i class="fa fa-search"></i> 888 </div> 889 </div> 890 </a> 891</div> 892</div> 893<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix video development vr multimedia"> 894<div class="portfolio-item"> 895 896 <div class="portfolio-img"> 897 <img src="./projects/projects-carousel/img/cardiomorph.png" alt="" /> 898 899 <a href="./projects/cardiomorph.php"> 900 <div class="overlay"> 901 <i class="more fa fa-search"></i> 902 </div> 903 </a> 904 905 </div> 906 <a href="./projects/cardiomorph.php"> 907 <div class="portfolio-item-content"> 908 <h3 class="header"> 909 CardioMorph 910 </h3> 911 <p class="body"> 912 3D data visualisation 913 </p> 914 <div class="icon"> 915 <i class="fa fa-search"></i> 916 </div> 917 </div> 918 </a> 919</div> 920</div> 921<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix development multimedia"> 922<div class="portfolio-item"> 923 924 <div class="portfolio-img"> 925 <img src="./projects/projects-carousel/img/stealthcommand.png" alt="" /> 926 927 <a href="./projects/stealthcommand.php"> 928 <div class="overlay"> 929 <i class="more fa fa-search"></i> 930 </div> 931 </a> 932 933 </div> 934 <a href="./projects/stealthcommand.php"> 935 <div class="portfolio-item-content"> 936 <h3 class="header"> 937 Stealth Command 938 </h3> 939 <p class="body"> 940 Mobile phone game development 941 </p> 942 <div class="icon"> 943 <i class="fa fa-search"></i> 944 </div> 945 </div> 946 </a> 947</div> 948</div> 949<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix webdesign elearning"> 950<div class="portfolio-item"> 951 952 <div class="portfolio-img"> 953 <img src="./projects/projects-carousel/img/curriculum2020.png" alt="" /> 954 955 <a href="./projects/curriculum2020.php"> 956 <div class="overlay"> 957 <i class="more fa fa-search"></i> 958 </div> 959 </a> 960 961 </div> 962 <a href="./projects/curriculum2020.php"> 963 <div class="portfolio-item-content"> 964 <h3 class="header"> 965 Curriculum 2020 966 </h3> 967 <p class="body"> 968 Instructional Design 969 </p> 970 <div class="icon"> 971 <i class="fa fa-search"></i> 972 </div> 973 </div> 974 </a> 975</div> 976</div> 977<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix elearning webdesign development"> 978<div class="portfolio-item"> 979 980 <div class="portfolio-img"> 981 <img src="./projects/projects-carousel/img/peer-marking.png" alt="" /> 982 983 <a href="./projects/peer-marking.php"> 984 <div class="overlay"> 985 <i class="more fa fa-search"></i> 986 </div> 987 </a> 988 989 </div> 990 <a href="./projects/peer-marking.php"> 991 <div class="portfolio-item-content"> 992 <h3 class="header"> 993 Peer Marking Activity 994 </h3> 995 <p class="body"> 996 Moodle / LTI Tool 997 </p> 998 <div class="icon"> 999 <i class="fa fa-search"></i> 1000 </div> 1001 </div> 1002 </a> 1003</div> 1004</div> 1005<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix development vr multimedia"> 1006<div class="portfolio-item"> 1007 1008 <div class="portfolio-img"> 1009 <img src="./projects/projects-carousel/img/in-progress.jpg" alt="" /> 1010 1011 <a href="./projects/in-progress.php"> 1012 <div class="overlay"> 1013 <i class="more fa fa-search"></i> 1014 </div> 1015 </a> 1016 1017 </div> 1018 <a href="./projects/in-progress.php"> 1019 <div class="portfolio-item-content"> 1020 <h3 class="header"> 1021 In Progress 1022 </h3> 1023 <p class="body"> 1024 On-going Game Dev Projects 1025 </p> 1026 <div class="icon"> 1027 <i class="fa fa-search"></i> 1028 </div> 1029 </div> 1030 </a> 1031</div> 1032</div> 1033<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix elearning multimedia video"> 1034<div class="portfolio-item"> 1035 1036 <div class="portfolio-img"> 1037 <img src="./projects/projects-carousel/img/video-production.png" alt="" /> 1038 1039 <a href="./projects/video-production.php"> 1040 <div class="overlay"> 1041 <i class="more fa fa-search"></i> 1042 </div> 1043 </a> 1044 1045 </div> 1046 <a href="./projects/video-production.php"> 1047 <div class="portfolio-item-content"> 1048 <h3 class="header"> 1049 Video Production 1050 </h3> 1051 <p class="body"> 1052 Production and Development 1053 </p> 1054 <div class="icon"> 1055 <i class="fa fa-search"></i> 1056 </div> 1057 </div> 1058 </a> 1059</div> 1060</div> 1061<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix elearning multimedia"> 1062<div class="portfolio-item"> 1063 1064 <div class="portfolio-img"> 1065 <img src="./projects/projects-carousel/img/team-blogs.png" alt="" /> 1066 1067 <a href="./projects/team-blogs.php"> 1068 <div class="overlay"> 1069 <i class="more fa fa-search"></i> 1070 </div> 1071 </a> 1072 1073 </div> 1074 <a href="./projects/team-blogs.php"> 1075 <div class="portfolio-item-content"> 1076 <h3 class="header"> 1077 Team Blogs 1078 </h3> 1079 <p class="body"> 1080 Sharing Information and Expertise 1081 </p> 1082 <div class="icon"> 1083 <i class="fa fa-search"></i> 1084 </div> 1085 </div> 1086 </a> 1087</div> 1088</div> 1089 1090 1091 </div> 1092 <!-- End Portfolio Recent Projects --> 1093 </div> 1094 </div> 1095 </div> 1096 <!-- End Content --> 1097 1098 <!-- Start Copyright --> 1099 <div class="copyright-section"> 1100 <div class="container"> 1101 <div class="row"> 1102 <div class="col-sm-9"> 1103 <p>
1104 Copyright © Jerome Di Pietro 1105 </p> 1106 </div> 1107 <!-- .col-md-6 --> 1108 <div class="col-sm-3"> 1109 <ul class="footer-nav"> 1110 <li> 1111 <a href="//baroquedub.co.uk/about/"> 1112 Home / 1113 </a> 1114 </li> 1115 1116 <li> 1117 <a href="//baroquedub.co.uk/about/index.html#contact"> 1118 Contact 1119 </a> 1120 </li> 1121 </ul> 1122 </div> 1123 <!-- .col-md-6 --> 1124 </div> 1125 <!-- .row --> 1126 </div> 1127 </div> 1128 <!-- End Copyright --> 1129 </div> 1130 <!-- End Full Body Container --> 1131 <!-- Go To Top Link --> 1132 <a href="#" class="back-to-top"> 1133 <i class="fa fa-angle-up"> 1134 </i> 1135 </a> 1136 <div id="loader"> 1137 <div class="ball-scale-multiple"> 1138 <div></div> 1139 <div></div> 1140 <div></div> 1141 </div> 1142 </div> 1143 1144 <!-- Span JS --> 1145
1145<script type="text/javascript" src="assets/js/jquery-min.js"></script>
1145 1146
1146<script type="text/javascript" src="assets/js/modernizrr.js"></script>
1146 1147
1147<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
1147 1148
1148<script type="text/javascript" src="assets/js/owl.carousel.min.js"></script>
1148 1149
1149<script type="text/javascript" src="assets/js/nivo-lightbox.min.js"></script>
1149 1150
1150<script type="text/javascript" src="assets/js/jquery.mixitup.min.js"></script>
1150 1151
1151<script type="text/javascript" src="assets/js/jquery.appear.js"></script>
1151 1152
1152<script type="text/javascript" src="assets/js/count-to.js"></script>
1152 1153
1153<script type="text/javascript" src="assets/js/jquery.parallax.js"></script>
1153 1154
1154<script type="text/javascript" src="assets/js/smooth-scroll.js"></script>
1154 1155
1155<script type="text/javascript" src="assets/js/main.js"></script>
1155 1156 <!-- Revelosition slider js --> 1157
1157<script src="assets/js/jquery.themepunch.revolution.min.js"></script>
1157 1158
1158<script src="assets/js/jquery.themepunch.tools.min.js"></script>
1158 1159 </body> 1160</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.