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 development elearning multimedia"> 167<div class="portfolio-item"> 168 169 <div class="portfolio-img"> 170 <img src="./projects/projects-carousel/img/branching-scenarios.png" alt="" /> 171 172 <a href="./projects/branching-scenarios.php"> 173 <div class="overlay"> 174 <i class="more fa fa-search"></i> 175 </div> 176 </a> 177 178 </div> 179 <a href="./projects/branching-scenarios.php"> 180 <div class="portfolio-item-content"> 181 <h3 class="header"> 182 GCP Branching Scenarios 183 </h3> 184 <p class="body">
185 Problem-Based Learning 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 elearning development webdesign multimedia"> 195<div class="portfolio-item"> 196 197 <div class="portfolio-img"> 198 <img src="./projects/projects-carousel/img/lti-training-plan.png" alt="" /> 199 200 <a href="./projects/lti-training-plan.php"> 201 <div class="overlay"> 202 <i class="more fa fa-search"></i> 203 </div> 204 </a> 205 206 </div> 207 <a href="./projects/lti-training-plan.php"> 208 <div class="portfolio-item-content"> 209 <h3 class="header"> 210 Research Methods Training Plan 211 </h3> 212 <p class="body"> 213 Extending Moodle with LTI 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 elearning"> 223<div class="portfolio-item"> 224 225 <div class="portfolio-img"> 226 <img src="./projects/projects-carousel/img/pharm-calc.png" alt="" /> 227 228 <a href="./projects/pharm-calc.php"> 229 <div class="overlay"> 230 <i class="more fa fa-search"></i> 231 </div> 232 </a> 233 234 </div> 235 <a href="./projects/pharm-calc.php"> 236 <div class="portfolio-item-content"> 237 <h3 class="header"> 238 MPharm Maths Calculations 239 </h3> 240 <p class="body"> 241 Advanced Moodle Assessment 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"> 251<div class="portfolio-item"> 252 253 <div class="portfolio-img"> 254 <img src="./projects/projects-carousel/img/writing-tool.png" alt="" /> 255 256 <a href="./projects/writing-tool.php"> 257 <div class="overlay"> 258 <i class="more fa fa-search"></i> 259 </div> 260 </a> 261 262 </div> 263 <a href="./projects/writing-tool.php"> 264 <div class="portfolio-item-content"> 265 <h3 class="header"> 266 Pharmacy Writing Tool 267 </h3> 268 <p class="body"> 269 Interactive Online Tutorial 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 development webdesign elearning"> 279<div class="portfolio-item"> 280 281 <div class="portfolio-img"> 282 <img src="./projects/projects-carousel/img/pk-calculator.png" alt="" /> 283 284 <a href="./projects/pk-calculator.php"> 285 <div class="overlay"> 286 <i class="more fa fa-search"></i> 287 </div> 288 </a> 289 290 </div> 291 <a href="./projects/pk-calculator.php"> 292 <div class="portfolio-item-content"> 293 <h3 class="header"> 294 PK Calculator Tool 295 </h3> 296 <p class="body"> 297 Interactive Online Spreadsheet 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 vr development multimedia"> 307<div class="portfolio-item"> 308 309 <div class="portfolio-img"> 310 <img src="./projects/projects-carousel/img/vr-south-london.png" alt="" /> 311 312 <a href="./projects/vr-south-london.php"> 313 <div class="overlay"> 314 <i class="more fa fa-search"></i> 315 </div> 316 </a> 317 318 </div> 319 <a href="./projects/vr-south-london.php"> 320 <div class="portfolio-item-content"> 321 <h3 class="header"> 322 Virtual South London 323 </h3> 324 <p class="body"> 325 Open world VR exploration 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/dungeon-vr.png" alt="" /> 339 340 <a href="./projects/dungeon-vr.php"> 341 <div class="overlay"> 342 <i class="more fa fa-search"></i> 343 </div> 344 </a> 345 346 </div> 347 <a href="./projects/dungeon-vr.php"> 348 <div class="portfolio-item-content"> 349 <h3 class="header"> 350 Dungeon VR 351 </h3> 352 <p class="body"> 353 Oculus Rift action RPG 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 elearning vr video development multimedia"> 363<div class="portfolio-item"> 364 365 <div class="portfolio-img"> 366 <img src="./projects/projects-carousel/img/or-room.png" alt="" /> 367 368 <a href="./projects/or-room.php"> 369 <div class="overlay"> 370 <i class="more fa fa-search"></i> 371 </div> 372 </a> 373 374 </div> 375 <a href="./projects/or-room.php"> 376 <div class="portfolio-item-content"> 377 <h3 class="header"> 378 Interactive Operating Theatre 379 </h3> 380 <p class="body"> 381 Exploratory 3D environments 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 elearning video vr multimedia"> 391<div class="portfolio-item"> 392 393 <div class="portfolio-img"> 394 <img src="./projects/projects-carousel/img/surgical-video.png" alt="" /> 395 396 <a href="./projects/surgical-video.php"> 397 <div class="overlay"> 398 <i class="more fa fa-search"></i> 399 </div> 400 </a> 401 402 </div> 403 <a href="./projects/surgical-video.php"> 404 <div class="portfolio-item-content"> 405 <h3 class="header"> 406 Surgical Skills Training 407 </h3> 408 <p class="body"> 409 Immersive 360° Video 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 webdesign development"> 419<div class="portfolio-item"> 420 421 <div class="portfolio-img"> 422 <img src="./projects/projects-carousel/img/peer-marking.png" alt="" /> 423 424 <a href="./projects/peer-marking.php"> 425 <div class="overlay"> 426 <i class="more fa fa-search"></i> 427 </div> 428 </a> 429 430 </div> 431 <a href="./projects/peer-marking.php"> 432 <div class="portfolio-item-content"> 433 <h3 class="header"> 434 Peer Marking Activity 435 </h3> 436 <p class="body"> 437 Moodle / LTI Tool 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 development vr multimedia"> 447<div class="portfolio-item"> 448 449 <div class="portfolio-img"> 450 <img src="./projects/projects-carousel/img/in-progress.jpg" alt="" /> 451 452 <a href="./projects/in-progress.php"> 453 <div class="overlay"> 454 <i class="more fa fa-search"></i> 455 </div> 456 </a> 457 458 </div> 459 <a href="./projects/in-progress.php"> 460 <div class="portfolio-item-content"> 461 <h3 class="header"> 462 In Progress 463 </h3> 464 <p class="body"> 465 On-going Game Dev Projects 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 development vr multimedia"> 475<div class="portfolio-item"> 476 477 <div class="portfolio-img"> 478 <img src="./projects/projects-carousel/img/vrfps.png" alt="" /> 479 480 <a href="./projects/vrfps.php"> 481 <div class="overlay"> 482 <i class="more fa fa-search"></i> 483 </div> 484 </a> 485 486 </div> 487 <a href="./projects/vrfps.php"> 488 <div class="portfolio-item-content"> 489 <h3 class="header"> 490 VR FPS 491 </h3> 492 <p class="body"> 493 Game dev for GoogleVR/GearVR 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 webdesign elearning"> 503<div class="portfolio-item"> 504 505 <div class="portfolio-img"> 506 <img src="./projects/projects-carousel/img/curriculum2020.png" alt="" /> 507 508 <a href="./projects/curriculum2020.php"> 509 <div class="overlay"> 510 <i class="more fa fa-search"></i> 511 </div> 512 </a> 513 514 </div> 515 <a href="./projects/curriculum2020.php"> 516 <div class="portfolio-item-content"> 517 <h3 class="header"> 518 Curriculum 2020 519 </h3> 520 <p class="body"> 521 Instructional Design 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 video development vr multimedia"> 531<div class="portfolio-item"> 532 533 <div class="portfolio-img"> 534 <img src="./projects/projects-carousel/img/cardiomorph.png" alt="" /> 535 536 <a href="./projects/cardiomorph.php"> 537 <div class="overlay"> 538 <i class="more fa fa-search"></i> 539 </div> 540 </a> 541 542 </div> 543 <a href="./projects/cardiomorph.php"> 544 <div class="portfolio-item-content"> 545 <h3 class="header"> 546 CardioMorph 547 </h3> 548 <p class="body"> 549 3D data visualisation 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 development vr multimedia"> 559<div class="portfolio-item"> 560 561 <div class="portfolio-img"> 562 <img src="./projects/projects-carousel/img/battle-vr.png" alt="" /> 563 564 <a href="./projects/battle-vr.php"> 565 <div class="overlay"> 566 <i class="more fa fa-search"></i> 567 </div> 568 </a> 569 570 </div> 571 <a href="./projects/battle-vr.php"> 572 <div class="portfolio-item-content"> 573 <h3 class="header"> 574 Mastery of Champions 575 </h3> 576 <p class="body"> 577 Auto Battle Chess VR/AR 578 </p> 579 <div class="icon"> 580 <i class="fa fa-search"></i> 581 </div> 582 </div> 583 </a> 584</div> 585</div> 586<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix development elearning multimedia vr"> 587<div class="portfolio-item"> 588 589 <div class="portfolio-img"> 590 <img src="./projects/projects-carousel/img/virtual-patient-chatbot.jpg" alt="" /> 591 592 <a href="./projects/virtual-patient-chatbot.php"> 593 <div class="overlay"> 594 <i class="more fa fa-search"></i> 595 </div> 596 </a> 597 598 </div> 599 <a href="./projects/virtual-patient-chatbot.php"> 600 <div class="portfolio-item-content"> 601 <h3 class="header">
602 Virtual Patient Chatbot 603 </h3> 604 <p class="body"> 605 AI in Medical Education 606 </p> 607 <div class="icon"> 608 <i class="fa fa-search"></i> 609 </div> 610 </div> 611 </a> 612</div> 613</div> 614<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix development vr multimedia"> 615<div class="portfolio-item"> 616 617 <div class="portfolio-img"> 618 <img src="./projects/projects-carousel/img/vr-chat.png" alt="" /> 619 620 <a href="./projects/vr-chat.php"> 621 <div class="overlay"> 622 <i class="more fa fa-search"></i> 623 </div> 624 </a> 625 626 </div> 627 <a href="./projects/vr-chat.php"> 628 <div class="portfolio-item-content"> 629 <h3 class="header"> 630 VRChat projects 631 </h3> 632 <p class="body"> 633 Worlds and avatars 634 </p> 635 <div class="icon"> 636 <i class="fa fa-search"></i> 637 </div> 638 </div> 639 </a> 640</div> 641</div> 642<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix elearning multimedia"> 643<div class="portfolio-item"> 644 645 <div class="portfolio-img"> 646 <img src="./projects/projects-carousel/img/team-blogs.png" alt="" /> 647 648 <a href="./projects/team-blogs.php"> 649 <div class="overlay"> 650 <i class="more fa fa-search"></i> 651 </div> 652 </a> 653 654 </div> 655 <a href="./projects/team-blogs.php"> 656 <div class="portfolio-item-content"> 657 <h3 class="header"> 658 Team Blogs 659 </h3> 660 <p class="body"> 661 Sharing Information and Expertise 662 </p> 663 <div class="icon"> 664 <i class="fa fa-search"></i> 665 </div> 666 </div> 667 </a> 668</div> 669</div> 670<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix webdesign multimedia"> 671<div class="portfolio-item"> 672 673 <div class="portfolio-img"> 674 <img src="./projects/projects-carousel/img/web-design.png" alt="" /> 675 676 <a href="./projects/web-design.php"> 677 <div class="overlay"> 678 <i class="more fa fa-search"></i> 679 </div> 680 </a> 681 682 </div> 683 <a href="./projects/web-design.php"> 684 <div class="portfolio-item-content"> 685 <h3 class="header"> 686 Web Design 687 </h3> 688 <p class="body"> 689 Web Development and Design 690 </p> 691 <div class="icon"> 692 <i class="fa fa-search"></i> 693 </div> 694 </div> 695 </a> 696</div> 697</div> 698<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix development vr multimedia"> 699<div class="portfolio-item"> 700 701 <div class="portfolio-img"> 702 <img src="./projects/projects-carousel/img/youtube.png" alt="" /> 703 704 <a href="./projects/youtube.php"> 705 <div class="overlay"> 706 <i class="more fa fa-search"></i> 707 </div> 708 </a> 709 710 </div> 711 <a href="./projects/youtube.php"> 712 <div class="portfolio-item-content"> 713 <h3 class="header"> 714 YouTube Channel 715 </h3> 716 <p class="body"> 717 Sharing tips and workflows 718 </p> 719 <div class="icon"> 720 <i class="fa fa-search"></i> 721 </div> 722 </div> 723 </a> 724</div> 725</div> 726<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix elearning multimedia development"> 727<div class="portfolio-item"> 728 729 <div class="portfolio-img"> 730 <img src="./projects/projects-carousel/img/self-assessment-engine.png" alt="" /> 731 732 <a href="./projects/self-assessment-engine.php"> 733 <div class="overlay"> 734 <i class="more fa fa-search"></i> 735 </div> 736 </a> 737 738 </div> 739 <a href="./projects/self-assessment-engine.php"> 740 <div class="portfolio-item-content"> 741 <h3 class="header"> 742 Self Assessment Engine 743 </h3> 744 <p class="body"> 745 Embedded Interactivity 746 </p> 747 <div class="icon"> 748 <i class="fa fa-search"></i> 749 </div> 750 </div> 751 </a> 752</div> 753</div> 754<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix vr development multimedia"> 755<div class="portfolio-item"> 756 757 <div class="portfolio-img"> 758 <img src="./projects/projects-carousel/img/vrlab.png" alt="" /> 759 760 <a href="./projects/vrlab.php"> 761 <div class="overlay"> 762 <i class="more fa fa-search"></i> 763 </div> 764 </a> 765 766 </div> 767 <a href="./projects/vrlab.php"> 768 <div class="portfolio-item-content"> 769 <h3 class="header"> 770 The Virtual Reality Lab 771 </h3> 772 <p class="body"> 773 About my work at the IoPPN 774 </p> 775 <div class="icon"> 776 <i class="fa fa-search"></i> 777 </div> 778 </div> 779 </a> 780</div> 781</div> 782<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix development multimedia"> 783<div class="portfolio-item"> 784 785 <div class="portfolio-img"> 786 <img src="./projects/projects-carousel/img/stealthcommand.png" alt="" /> 787 788 <a href="./projects/stealthcommand.php"> 789 <div class="overlay"> 790 <i class="more fa fa-search"></i> 791 </div> 792 </a> 793 794 </div> 795 <a href="./projects/stealthcommand.php"> 796 <div class="portfolio-item-content"> 797 <h3 class="header"> 798 Stealth Command 799 </h3> 800 <p class="body"> 801 Mobile phone game development 802 </p> 803 <div class="icon"> 804 <i class="fa fa-search"></i> 805 </div> 806 </div> 807 </a> 808</div> 809</div> 810<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix development multimedia"> 811<div class="portfolio-item"> 812 813 <div class="portfolio-img"> 814 <img src="./projects/projects-carousel/img/pirate-cove.jpg" alt="" /> 815 816 <a href="./projects/pirate-cove.php"> 817 <div class="overlay"> 818 <i class="more fa fa-search"></i> 819 </div> 820 </a> 821 822 </div> 823 <a href="./projects/pirate-cove.php"> 824 <div class="portfolio-item-content"> 825 <h3 class="header"> 826 Pirate Cove 827 </h3> 828 <p class="body"> 829 Game dev for Desktop 830 </p> 831 <div class="icon"> 832 <i class="fa fa-search"></i> 833 </div> 834 </div> 835 </a> 836</div> 837</div> 838<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix video development vr multimedia"> 839<div class="portfolio-item"> 840 841 <div class="portfolio-img"> 842 <img src="./projects/projects-carousel/img/mri-vr-video.png" alt="" /> 843 844 <a href="./projects/mri-vr-video.php"> 845 <div class="overlay"> 846 <i class="more fa fa-search"></i> 847 </div> 848 </a> 849 850 </div> 851 <a href="./projects/mri-vr-video.php"> 852 <div class="portfolio-item-content"> 853 <h3 class="header"> 854 My MRI Journey app 855 </h3> 856 <p class="body"> 857 VR and 360° Video Tour 858 </p> 859 <div class="icon"> 860 <i class="fa fa-search"></i> 861 </div> 862 </div> 863 </a> 864</div> 865</div> 866<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix video multimedia"> 867<div class="portfolio-item"> 868 869 <div class="portfolio-img"> 870 <img src="./projects/projects-carousel/img/fader5000.png" alt="" /> 871 872 <a href="./projects/fader5000.php"> 873 <div class="overlay"> 874 <i class="more fa fa-search"></i> 875 </div> 876 </a> 877 878 </div> 879 <a href="./projects/fader5000.php"> 880 <div class="portfolio-item-content"> 881 <h3 class="header"> 882 How Long Is Too Long 883 </h3> 884 <p class="body"> 885 Music Video Promo 886 </p> 887 <div class="icon"> 888 <i class="fa fa-search"></i> 889 </div> 890 </div> 891 </a> 892</div> 893</div> 894<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix multimedia elearning"> 895<div class="portfolio-item"> 896 897 <div class="portfolio-img"> 898 <img src="./projects/projects-carousel/img/astra-zeneca.png" alt="" /> 899 900 <a href="./projects/astra-zeneca.php"> 901 <div class="overlay"> 902 <i class="more fa fa-search"></i> 903 </div> 904 </a> 905 906 </div> 907 <a href="./projects/astra-zeneca.php"> 908 <div class="portfolio-item-content"> 909 <h3 class="header"> 910 Drug Development Sciences 911 </h3> 912 <p class="body"> 913 Distance Learning Programme 914 </p> 915 <div class="icon"> 916 <i class="fa fa-search"></i> 917 </div> 918 </div> 919 </a> 920</div> 921</div><div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 mix vr development multimedia"> 922<div class="portfolio-item"> 923 924 <div class="portfolio-img"> 925 <img src="./projects/projects-carousel/img/conversational-agent.png" alt="" /> 926 927 <a href="./projects/conversational-agent.php"> 928 <div class="overlay"> 929 <i class="more fa fa-search"></i> 930 </div> 931 </a> 932 933 </div> 934 <a href="./projects/conversational-agent.php"> 935 <div class="portfolio-item-content"> 936 <h3 class="header"> 937 Conversational Agent 938 </h3> 939 <p class="body"> 940 Interacting with a digital human 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 vr development multimedia"> 950<div class="portfolio-item"> 951 952 <div class="portfolio-img"> 953 <img src="./projects/projects-carousel/img/vr-multi-player.png" alt="" /> 954 955 <a href="./projects/vr-multi-player.php"> 956 <div class="overlay"> 957 <i class="more fa fa-search"></i> 958 </div> 959 </a> 960 961 </div> 962 <a href="./projects/vr-multi-player.php"> 963 <div class="portfolio-item-content"> 964 <h3 class="header"> 965 VR Multi-Player Tech Demo 966 </h3> 967 <p class="body"> 968 A 3D shared social space 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 multimedia video"> 978<div class="portfolio-item"> 979 980 <div class="portfolio-img"> 981 <img src="./projects/projects-carousel/img/video-production.png" alt="" /> 982 983 <a href="./projects/video-production.php"> 984 <div class="overlay"> 985 <i class="more fa fa-search"></i> 986 </div> 987 </a> 988 989 </div> 990 <a href="./projects/video-production.php"> 991 <div class="portfolio-item-content"> 992 <h3 class="header"> 993 Video Production 994 </h3> 995 <p class="body"> 996 Production and Development 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 vr development multimedia"> 1006<div class="portfolio-item"> 1007 1008 <div class="portfolio-img"> 1009 <img src="./projects/projects-carousel/img/digital-humans.png" alt="" /> 1010 1011 <a href="./projects/digital-humans.php"> 1012 <div class="overlay"> 1013 <i class="more fa fa-search"></i> 1014 </div> 1015 </a> 1016 1017 </div> 1018 <a href="./projects/digital-humans.php"> 1019 <div class="portfolio-item-content"> 1020 <h3 class="header"> 1021 Digital Humans 1022 </h3> 1023 <p class="body">
1024 Realistic Non-Player Characters 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 development"> 1034<div class="portfolio-item"> 1035 1036 <div class="portfolio-img"> 1037 <img src="./projects/projects-carousel/img/quiz-app.png" alt="" /> 1038 1039 <a href="./projects/quiz-app.php"> 1040 <div class="overlay"> 1041 <i class="more fa fa-search"></i> 1042 </div> 1043 </a> 1044 1045 </div> 1046 <a href="./projects/quiz-app.php"> 1047 <div class="portfolio-item-content"> 1048 <h3 class="header"> 1049 'The Wire' Quiz App 1050 </h3> 1051 <p class="body"> 1052 Social gamification in e-learning 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 webdesign elearning"> 1062<div class="portfolio-item"> 1063 1064 <div class="portfolio-img"> 1065 <img src="./projects/projects-carousel/img/gcp.png" alt="" /> 1066 1067 <a href="./projects/gcp.php"> 1068 <div class="overlay"> 1069 <i class="more fa fa-search"></i> 1070 </div> 1071 </a> 1072 1073 </div> 1074 <a href="./projects/gcp.php"> 1075 <div class="portfolio-item-content"> 1076 <h3 class="header"> 1077 Good Clinical Practice 1078 </h3> 1079 <p class="body"> 1080 Online Programme 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.