Резюме - PHP Online

Form of PHP Sandbox

Enter Your PHP code here for testing/debugging in the Online PHP Sandbox. As in the usual PHP files, you can also add HTML, but do not forget to add the tag <?php in the places where the PHP script should be executed.



Your result can be seen below.

Result of php executing





Full code of Резюме.php

  1. <?php
  2.  
  3. $name = 'Иннокентий'; // строка
  4.  
  5. $city = 'Москва, Россия'; // строка
  6.  
  7. $profi = 'Дизайнер'; // строка
  8.  
  9. $email = '[email protected]'; // строка
  10.  
  11. $phone = 89037778866; // десятичное число
  12.  
  13. $age = 2022-1985;
  14.  
  15. $days = (2022-1985)*365;
  16.  
  17. $skills = [
  18.  
  19. 'skill_name' => ['Adobe Photoshop', 'Фотография', 'Illustrator', 'Копирайтинг'],
  20.  
  21. 'level' => [97, 83, 70, 80]
  22.  
  23. ]
  24.  
  25. ?>
  26.  
  27.     <!DOCTYPE html>
  28.  
  29.     <html>
  30.  
  31.     <head>
  32.  
  33.         <title>Мое резюме</title>
  34.  
  35.         <meta charset="UTF-8">
  36.  
  37.         <meta name="viewport" content="width=device-width, initial-scale=1">
  38.  
  39.         <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
  40.  
  41.         <link rel="preconnect" href="https://fonts.googleapis.com">
  42.  
  43.         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  44.  
  45.         <link href="https://fonts.googleapis.com/css2?family=Jost:wght@300&display=swap" rel="stylesheet">
  46.  
  47.         <link rel="stylesheet"
  48.             href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  49.  
  50.         <style>
  51.             html,
  52.             body,
  53.             h1,
  54.             h2,
  55.             h3,
  56.             h4,
  57.             h5,
  58.             h6 {
  59.                 font-family: 'Jost', sans-serif;
  60.             }
  61.         </style>
  62.  
  63.     </head>
  64.  
  65.     <body class="w3-light-grey">
  66.  
  67.         <!-- Page Container -->
  68.  
  69.         <div class="w3-content w3-margin-top" style="max-width:1400px;">
  70.  
  71.             <!-- The Grid -->
  72.  
  73.             <div class="w3-row-padding">
  74.  
  75.                 <!-- Left Column -->
  76.  
  77.                 <div class="w3-third">
  78.  
  79.                     <div class="w3-white w3-text-grey w3-card-4">
  80.  
  81.                         <div class="w3-display-container">
  82.  
  83.                             <img src="https://imgfon.ru/Images/Details_img_880px/Animals/glaza-belyy_fon-kotik-morda-polosatyy.webp"
  84.                                 style="width:100%" alt="Avatar">
  85.  
  86.                             <div class="w3-display-bottomleft w3-container w3-text-black">
  87.  
  88.                                 <h2>
  89.                                     <?php echo $name; ?>
  90.                                 </h2>
  91.  
  92.                             </div>
  93.  
  94.                         </div>
  95.  
  96.                         <div class="w3-container">
  97.  
  98.                             <p><i class="fa fa-briefcase fa-fw w3-margin-right w3-large w3-text-teal"></i>
  99.                                 <?php echo $profi; ?>
  100.                             </p>
  101.  
  102.                             <p><i class="fa fa-home fa-fw w3-margin-right w3-large w3-text-teal"></i>
  103.                                 <?php echo $city ?>
  104.                             </p>
  105.  
  106.                             <p><i class="fa fa-envelope fa-fw w3-margin-right w3-large w3-text-teal"></i>
  107.                                 <?php echo $email ?>
  108.                             </p>
  109.  
  110.                             <p><i class="fa fa-phone fa-fw w3-margin-right w3-large w3-text-teal"></i>
  111.                                 <?php echo $phone ?>
  112.                             </p>
  113.  
  114.                             <p><i class="fa fa-hourglass-half fa-fw w3-margin-right w3-large w3-text-teal"></i>
  115.                                 <?php echo $age ?> лет (
  116.                                 <?php echo $days ?> дней)
  117.                             </p>
  118.  
  119.                             <hr>
  120.  
  121.                             <p class="w3-large"><b><i
  122.                                         class="fa fa-asterisk fa-fw w3-margin-right w3-text-teal"></i>Навыки</b></p>
  123.  
  124.                             <p>
  125.                                 <?php echo $skills['skill_name'][0]; ?>
  126.                             </p>
  127.  
  128.                             <div class="w3-light-grey w3-round-xlarge w3-small">
  129.  
  130.                                 <div class="w3-container w3-center w3-round-xlarge w3-teal"
  131.                                     style="width:<?php echo $skills['level'][0]; ?>%">
  132.                                     <?php echo $skills['level'][0]; ?>%
  133.                                 </div>
  134.  
  135.                             </div>
  136.  
  137.                             <p>
  138.                                 <?php echo $skills['skill_name'][1]; ?>
  139.                             </p>
  140.  
  141.                             <div class="w3-light-grey w3-round-xlarge w3-small">
  142.  
  143.                                 <div class="w3-container w3-center w3-round-xlarge w3-teal"
  144.                                     style="width:<?php echo $skills['level'][1]; ?>%">
  145.  
  146.                                     <div class="w3-center w3-text-white">
  147.                                         <?php echo $skills['level'][1]; ?>%
  148.                                     </div>
  149.  
  150.                                 </div>
  151.  
  152.                             </div>
  153.  
  154.                             <p>
  155.                                 <?php echo $skills['skill_name'][2]; ?>
  156.                             </p>
  157.  
  158.                             <div class="w3-light-grey w3-round-xlarge w3-small">
  159.  
  160.                                 <div class="w3-container w3-center w3-round-xlarge w3-teal"
  161.                                     style="width:<?php echo $skills['level'][2]; ?>%">
  162.                                     <?php echo $skills['level'][2]; ?>%
  163.                                 </div>
  164.  
  165.                             </div>
  166.  
  167.                             <p>
  168.                                 <?php echo $skills['skill_name'][3]; ?>
  169.                             </p>
  170.  
  171.                             <div class="w3-light-grey w3-round-xlarge w3-small">
  172.  
  173.                                 <div class="w3-container w3-center w3-round-xlarge w3-teal"
  174.                                     style="width:<?php echo $skills['level'][3]; ?>%">
  175.                                     <?php echo $skills['level'][3]; ?>%
  176.                                 </div>
  177.  
  178.                             </div>
  179.  
  180.                             <br>
  181.  
  182.                             <p class="w3-large w3-text-theme"><b><i
  183.                                         class="fa fa-globe fa-fw w3-margin-right w3-text-teal"></i>Языки</b></p>
  184.  
  185.                             <p>Английский</p>
  186.  
  187.                             <div class="w3-light-grey w3-round-xlarge">
  188.  
  189.                                 <div class="w3-round-xlarge w3-teal" style="height:24px;width:100%"></div>
  190.  
  191.                             </div>
  192.  
  193.                             <p>Испанский</p>
  194.  
  195.                             <div class="w3-light-grey w3-round-xlarge">
  196.  
  197.                                 <div class="w3-round-xlarge w3-teal" style="height:24px;width:55%"></div>
  198.  
  199.                             </div>
  200.  
  201.                             <p>Немецкий</p>
  202.  
  203.                             <div class="w3-light-grey w3-round-xlarge">
  204.  
  205.                                 <div class="w3-round-xlarge w3-teal" style="height:24px;width:25%"></div>
  206.  
  207.                             </div>
  208.  
  209.                             <br>
  210.  
  211.                         </div>
  212.  
  213.                     </div><br>
  214.  
  215.                     <!-- End Left Column -->
  216.  
  217.                 </div>
  218.  
  219.                 <!-- Right Column -->
  220.  
  221.                 <div class="w3-twothird">
  222.  
  223.                     <div class="w3-container w3-card w3-white w3-margin-bottom">
  224.  
  225.                         <h2 class="w3-text-grey w3-padding-16"><i
  226.                                 class="fa fa-suitcase fa-fw w3-margin-right w3-xxlarge w3-text-teal"></i>Опыт работы
  227.                         </h2>
  228.  
  229.                         <div class="w3-container">
  230.  
  231.                             <h5 class="w3-opacity"><b>Front End Developer </b></h5>
  232.  
  233.                             <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>Jan 2015 -
  234.                                 <span class="w3-tag w3-teal w3-round">Current</span></h6>
  235.  
  236.                             <p>Lorem ipsum dolor sit amet. Praesentium magnam consectetur vel in deserunt aspernatur est
  237.                                 reprehenderit sunt hic. Nulla tempora soluta ea et odio, unde doloremque repellendus
  238.                                 iure, iste.</p>
  239.  
  240.                             <hr>
  241.  
  242.                         </div>
  243.  
  244.                         <div class="w3-container">
  245.  
  246.                             <h5 class="w3-opacity"><b>Web Developer / something.com</b></h5>
  247.  
  248.                             <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>Mar 2012 - Dec
  249.                                 2014</h6>
  250.  
  251.                             <p>Consectetur adipisicing elit. Praesentium magnam consectetur vel in deserunt aspernatur
  252.                                 est reprehenderit sunt hic. Nulla tempora soluta ea et odio, unde doloremque repellendus
  253.                                 iure, iste.</p>
  254.  
  255.                             <hr>
  256.  
  257.                         </div>
  258.  
  259.                         <div class="w3-container">
  260.  
  261.                             <h5 class="w3-opacity"><b>Graphic Designer / designsomething.com</b></h5>
  262.  
  263.                             <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>Jun 2010 - Mar
  264.                                 2012</h6>
  265.  
  266.                             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p><br>
  267.  
  268.                         </div>
  269.  
  270.                     </div>
  271.  
  272.                     <div class="w3-container w3-card w3-white">
  273.  
  274.                         <h2 class="w3-text-grey w3-padding-16"><i
  275.                                 class="fa fa-certificate fa-fw w3-margin-right w3-xxlarge w3-text-teal"></i>Образование
  276.                         </h2>
  277.  
  278.                         <div class="w3-container">
  279.  
  280.                             <h5 class="w3-opacity"><b>gb.ru</b></h5>
  281.  
  282.                             <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>Forever</h6>
  283.  
  284.                             <p>Web Development! All I need to know in one place</p>
  285.  
  286.                             <hr>
  287.  
  288.                         </div>
  289.  
  290.                         <div class="w3-container">
  291.  
  292.                             <h5 class="w3-opacity"><b>London Business School</b></h5>
  293.  
  294.                             <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>2013 - 2015
  295.                             </h6>
  296.  
  297.                             <p>Master Degree</p>
  298.  
  299.                             <hr>
  300.  
  301.                         </div>
  302.  
  303.                         <div class="w3-container">
  304.  
  305.                             <h5 class="w3-opacity"><b>School of Coding</b></h5>
  306.  
  307.                             <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>2010 - 2013
  308.                             </h6>
  309.  
  310.                             <p>Bachelor Degree</p><br>
  311.  
  312.                         </div>
  313.  
  314.                     </div>
  315.  
  316.                     <!-- End Right Column -->
  317.  
  318.                 </div>
  319.  
  320.                 <!-- End Grid -->
  321.  
  322.             </div>
  323.  
  324.             <!-- End Page Container -->
  325.  
  326.         </div>
  327.  
  328.         <!-- Footer -->
  329.  
  330.         <footer class="w3-container w3-teal w3-center w3-margin-top">
  331.  
  332.             <p>Find me on social media.</p>
  333.  
  334.             <i class="fa fa-pinterest-p w3-hover-opacity"></i>
  335.  
  336.             <i class="fa fa-twitter w3-hover-opacity"></i>
  337.  
  338.             <i class="fa fa-linkedin w3-hover-opacity"></i>
  339.  
  340.             <!-- End footer -->
  341.  
  342.         </footer>
  343.  
File Description
  • Резюме
  • PHP Code
  • 30 Apr-2023
  • 11.11 Kb
You can Share it: