├── README.md ├── about.html ├── assets ├── demo │ ├── iconClose.svg │ ├── iconSideMenu.svg │ ├── plugins-demo.js │ └── style-demo.css ├── icons │ ├── emoji │ │ ├── emoji-angry.svg │ │ ├── emoji-bad.svg │ │ ├── emoji-crazy.svg │ │ ├── emoji-happy-2.svg │ │ ├── emoji-happy-3.svg │ │ ├── emoji-happy.svg │ │ ├── emoji-in-love (1).svg │ │ ├── emoji-in-love.svg │ │ ├── emoji-laughing.svg │ │ ├── emoji-nerd.svg │ │ ├── emoji-pressure.svg │ │ ├── emoji-sad-2.svg │ │ ├── emoji-sad.svg │ │ ├── emoji-shocked-2.svg │ │ ├── emoji-shocked-3.svg │ │ ├── emoji-shocked.svg │ │ ├── emoji-sweating.svg │ │ ├── emoji-thinking.svg │ │ └── emoji-wink.svg │ ├── icomoon.woff │ ├── icon-app.svg │ ├── icon-design.svg │ ├── icon-dev.svg │ ├── icon-education.svg │ ├── icon-experience (1).svg │ ├── icon-experience.svg │ ├── icon-news.svg │ ├── icon-photo.svg │ ├── icon-quote-dark.svg │ ├── icon-quote.svg │ └── style.css ├── images │ ├── favicons │ │ ├── apple-touch-icon-114x114.png │ │ ├── apple-touch-icon-144x144.png │ │ ├── apple-touch-icon-57x57.png │ │ ├── apple-touch-icon-72x72.png │ │ └── favicon.png │ ├── icon-map-pic.svg │ ├── triangles-bottom.svg │ └── triangles-top.svg ├── img │ ├── avatar-2.jpg │ ├── avatar-3.jpg │ ├── avatar-4.jpg │ ├── avatar-5.jpg │ ├── avatar-6.jpg │ ├── image_01.jpg │ ├── image_02.jpg │ ├── image_03.jpg │ ├── image_04.jpg │ ├── image_05.jpg │ ├── image_06.jpg │ ├── image_07.jpg │ ├── image_08.jpg │ ├── image_09.jpg │ ├── image_10.jpg │ ├── image_11.jpg │ ├── image_header.jpg │ ├── logo-1.svg │ ├── logo-2.svg │ ├── logo-3.svg │ ├── logo-4.svg │ └── main-photo.svg ├── js │ ├── common.js │ ├── jquery-3.4.1.min.js │ ├── mapbox.init.js │ └── plugins.min.js └── styles │ ├── style-dark.css │ ├── style-rtl-demo.css │ ├── style-rtl.css │ ├── style.css │ └── vendors │ ├── bootstrap.min.css │ ├── rtl │ └── bootstrap.min.css │ └── swiper.min.css ├── background-2.html ├── blog.html ├── contact.html ├── index.html ├── one-page.html ├── resume.html ├── single-post.html ├── works.html └── works_v2.html /README.md: -------------------------------------------------------------------------------- 1 | # vCard3 2 | 有个性的简历网页模板,用于个人主页,个人网站 3 | -------------------------------------------------------------------------------- /assets/demo/iconClose.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/demo/iconSideMenu.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/demo/plugins-demo.js: -------------------------------------------------------------------------------- 1 | /*! Elastic border */ 2 | $(".elastic-border").each(function(t){function s(t,i,o){this.x=t,this.ix=t,this.vx=0,this.cx=0,this.y=i,this.iy=i,this.cy=0,this.canvas=o}function h(){var t=$(".elastic-border"),i=t.get(0).getContext("2d");for(a=requestAnimationFrame(h),i.clearRect(0,0,t.width(),t.height()),i.fillStyle=l.leftColor,i.fillRect(0,0,t.width(),t.height()),o=0;o<=l.totalPoints-1;o++)n[o].move();for(i.fillStyle=l.rightColor,i.strokeStyle=l.rightColor,i.lineWidth=1,i.beginPath(),i.moveTo($(window).width()/2,0),o=0;o<=l.totalPoints-1;o++)e=n[o],null!=n[o+1]?(e.cx=(e.x+n[o+1].x)/2-1e-4,e.cy=(e.y+n[o+1].y)/2):(e.cx=e.ix,e.cy=e.iy),i.bezierCurveTo(e.x,e.y,e.cx,e.cy,e.cx,e.cy);if(i.lineTo($(window).width(),$(window).height()),i.lineTo($(window).width(),0),i.closePath(),i.fill(),l.showIndicators){for(i.fillStyle="#2E2F36",i.beginPath(),o=0;o<=l.totalPoints-1;o++)e=n[o],i.rect(e.x-2,e.y-2,4,4);i.fill(),i.fillStyle="#fff",i.beginPath();for(var o=0;o<=l.totalPoints-1;o++){var e=n[o];i.rect(e.cx-1,e.cy-1,2,2)}i.fill()}}var n=[],a=null,l=new function(){this.totalPoints=2,this.viscosity=10,this.mouseDist=100,this.damping=.05,this.showIndicators=!1,this.leftColor="#ffffff",this.rightColor="#2E2F36"},e=0,r=0,i=0,o=0,c=0,f=0;$(document).on("mousemove",function(t){c=et.pageX?-1:0,rt.pageY?-1:0,e=t.pageX,r=t.pageY}),function t(){f=e-i,r-o,i=e,o=r,setTimeout(t,50)}(),s.prototype.move=function(){this.vx+=(this.ix-this.x)/l.viscosity;var t=this.ix-e,i=this.y-r,o=this.canvas.data("gap");(0this.x||c<0&&e 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /assets/icons/emoji/emoji-bad.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /assets/icons/emoji/emoji-crazy.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /assets/icons/emoji/emoji-happy-2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /assets/icons/emoji/emoji-happy-3.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /assets/icons/emoji/emoji-happy.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /assets/icons/emoji/emoji-in-love (1).svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /assets/icons/emoji/emoji-in-love.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /assets/icons/emoji/emoji-laughing.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /assets/icons/emoji/emoji-nerd.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /assets/icons/emoji/emoji-pressure.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /assets/icons/emoji/emoji-sad-2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /assets/icons/emoji/emoji-sad.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /assets/icons/emoji/emoji-shocked-2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /assets/icons/emoji/emoji-shocked-3.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /assets/icons/emoji/emoji-shocked.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /assets/icons/emoji/emoji-sweating.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /assets/icons/emoji/emoji-thinking.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /assets/icons/emoji/emoji-wink.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /assets/icons/icomoon.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeff1hwang/vCard3/feec920ceaad8efee1749fa6ab14b9e79f7128ac/assets/icons/icomoon.woff -------------------------------------------------------------------------------- /assets/icons/icon-app.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/icon-design.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /assets/icons/icon-dev.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /assets/icons/icon-education.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /assets/icons/icon-experience (1).svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/icon-experience.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/icon-news.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/icons/icon-photo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /assets/icons/icon-quote-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/icons/icon-quote.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/images/favicons/apple-touch-icon-114x114.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeff1hwang/vCard3/feec920ceaad8efee1749fa6ab14b9e79f7128ac/assets/images/favicons/apple-touch-icon-114x114.png -------------------------------------------------------------------------------- /assets/images/favicons/apple-touch-icon-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeff1hwang/vCard3/feec920ceaad8efee1749fa6ab14b9e79f7128ac/assets/images/favicons/apple-touch-icon-144x144.png -------------------------------------------------------------------------------- /assets/images/favicons/apple-touch-icon-57x57.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeff1hwang/vCard3/feec920ceaad8efee1749fa6ab14b9e79f7128ac/assets/images/favicons/apple-touch-icon-57x57.png -------------------------------------------------------------------------------- /assets/images/favicons/apple-touch-icon-72x72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeff1hwang/vCard3/feec920ceaad8efee1749fa6ab14b9e79f7128ac/assets/images/favicons/apple-touch-icon-72x72.png -------------------------------------------------------------------------------- /assets/images/favicons/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeff1hwang/vCard3/feec920ceaad8efee1749fa6ab14b9e79f7128ac/assets/images/favicons/favicon.png -------------------------------------------------------------------------------- /assets/images/icon-map-pic.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /assets/images/triangles-bottom.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /assets/images/triangles-top.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /assets/img/avatar-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeff1hwang/vCard3/feec920ceaad8efee1749fa6ab14b9e79f7128ac/assets/img/avatar-2.jpg -------------------------------------------------------------------------------- /assets/img/avatar-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeff1hwang/vCard3/feec920ceaad8efee1749fa6ab14b9e79f7128ac/assets/img/avatar-3.jpg -------------------------------------------------------------------------------- /assets/img/avatar-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeff1hwang/vCard3/feec920ceaad8efee1749fa6ab14b9e79f7128ac/assets/img/avatar-4.jpg -------------------------------------------------------------------------------- /assets/img/avatar-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeff1hwang/vCard3/feec920ceaad8efee1749fa6ab14b9e79f7128ac/assets/img/avatar-5.jpg -------------------------------------------------------------------------------- /assets/img/avatar-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeff1hwang/vCard3/feec920ceaad8efee1749fa6ab14b9e79f7128ac/assets/img/avatar-6.jpg -------------------------------------------------------------------------------- /assets/img/image_01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeff1hwang/vCard3/feec920ceaad8efee1749fa6ab14b9e79f7128ac/assets/img/image_01.jpg -------------------------------------------------------------------------------- /assets/img/image_02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeff1hwang/vCard3/feec920ceaad8efee1749fa6ab14b9e79f7128ac/assets/img/image_02.jpg -------------------------------------------------------------------------------- /assets/img/image_03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeff1hwang/vCard3/feec920ceaad8efee1749fa6ab14b9e79f7128ac/assets/img/image_03.jpg -------------------------------------------------------------------------------- /assets/img/image_04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeff1hwang/vCard3/feec920ceaad8efee1749fa6ab14b9e79f7128ac/assets/img/image_04.jpg -------------------------------------------------------------------------------- /assets/img/image_05.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeff1hwang/vCard3/feec920ceaad8efee1749fa6ab14b9e79f7128ac/assets/img/image_05.jpg -------------------------------------------------------------------------------- /assets/img/image_06.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeff1hwang/vCard3/feec920ceaad8efee1749fa6ab14b9e79f7128ac/assets/img/image_06.jpg -------------------------------------------------------------------------------- /assets/img/image_07.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeff1hwang/vCard3/feec920ceaad8efee1749fa6ab14b9e79f7128ac/assets/img/image_07.jpg -------------------------------------------------------------------------------- /assets/img/image_08.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeff1hwang/vCard3/feec920ceaad8efee1749fa6ab14b9e79f7128ac/assets/img/image_08.jpg -------------------------------------------------------------------------------- /assets/img/image_09.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeff1hwang/vCard3/feec920ceaad8efee1749fa6ab14b9e79f7128ac/assets/img/image_09.jpg -------------------------------------------------------------------------------- /assets/img/image_10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeff1hwang/vCard3/feec920ceaad8efee1749fa6ab14b9e79f7128ac/assets/img/image_10.jpg -------------------------------------------------------------------------------- /assets/img/image_11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeff1hwang/vCard3/feec920ceaad8efee1749fa6ab14b9e79f7128ac/assets/img/image_11.jpg -------------------------------------------------------------------------------- /assets/img/image_header.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeff1hwang/vCard3/feec920ceaad8efee1749fa6ab14b9e79f7128ac/assets/img/image_header.jpg -------------------------------------------------------------------------------- /assets/img/logo-1.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /assets/img/logo-2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /assets/img/logo-4.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /assets/img/main-photo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /assets/js/mapbox.init.js: -------------------------------------------------------------------------------- 1 | mapboxgl.accessToken = 'pk.eyJ1IjoiYXJ0dGVtcGxhdGUiLCJhIjoiY2s0M3I5ZHgzMGEzNDNucXM1cDd0dzl3cSJ9.a2wjLlxz8LzWj9nIoGsshw'; 2 | var map = new mapboxgl.Map({ 3 | container: 'map', 4 | style: 'mapbox://styles/mapbox/light-v10', 5 | center: [-73.9751,40.7289], // starting position 6 | zoom: 13 // starting zoom 7 | }); 8 | 9 | // create the popup 10 | var popup = new mapboxgl.Popup({ offset: 40 }).setText( 11 | '756 Livingston Street, Brooklyn, NY 11201' 12 | ); 13 | 14 | // create DOM element for the marker 15 | var el = document.createElement('div'); 16 | el.id = 'marker'; 17 | 18 | // create the marker 19 | new mapboxgl.Marker(el) 20 | .setLngLat([-73.9751,40.7289]) 21 | .setPopup(popup) // sets a popup on this marker 22 | .addTo(map); 23 | 24 | // Add zoom and rotation controls to the map. 25 | map.addControl(new mapboxgl.NavigationControl(), 'bottom-right'); 26 | 27 | // disable map zoom when using scroll 28 | map.scrollZoom.disable(); -------------------------------------------------------------------------------- /assets/styles/style-dark.css: -------------------------------------------------------------------------------- 1 | /* ------------------------------------------------ 2 | Author: ArtStyles (Art) 3 | 更多模板:http://www.bootstrapmb.com/ 4 | Template Name: vCard 5 | version: 1.0.0 6 | ------------------------------------------------ */ 7 | /* ------------------------------------------------ 8 | 9 | - General Styles 10 | - Typography 11 | - Form 12 | - Preloader 13 | - Header 14 | - Sections 15 | 16 | ------------------------------------------------ */ 17 | @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap"); 18 | /* ----------------------------------------------------------------- 19 | - General Styles 20 | ----------------------------------------------------------------- */ 21 | body { 22 | background: #1D1E24; 23 | color: #AEB0B8; 24 | } 25 | 26 | .bg-triangles { 27 | background-color: #1D1E24; 28 | background-image: url(../images/triangles-top.svg), url(../images/triangles-bottom.svg); 29 | } 30 | 31 | /* ----------------------------------------------------------------- 32 | - Typography 33 | ----------------------------------------------------------------- */ 34 | h1, h2, h3, h4, h5, h6 { 35 | color: #FCFCFC; 36 | } 37 | 38 | .title__separate::before { 39 | background-color: #0D86FF; 40 | } 41 | 42 | .overhead { 43 | color: #AEB0B8; 44 | } 45 | 46 | .block-quote::before { 47 | background-image: url(../icons/icon-quote-dark.svg); 48 | } 49 | .block-quote__author::before { 50 | background-color: #AEB0B8; 51 | } 52 | 53 | iframe { 54 | background-color: #5E6E80; 55 | } 56 | 57 | /* ----------------------------------------------------------------- 58 | - Form 59 | ----------------------------------------------------------------- */ 60 | .form-control, .textarea, select, 61 | .custom-select { 62 | background-color: #2E2F36; 63 | border-color: #2E2F36; 64 | color: #AEB0B8; 65 | } 66 | 67 | .form-control:focus, .textarea:focus, select:focus, 68 | .custom-select:focus { 69 | background-color: #23262B; 70 | border-color: #33363D; 71 | color: #AEB0B8; 72 | } 73 | 74 | .form-group .font-icon { 75 | color: #AEB0B8; 76 | } 77 | 78 | .form-control::-webkit-input-placeholder { 79 | color: #93959C; 80 | } 81 | 82 | .form-control::-moz-placeholder { 83 | color: #93959C; 84 | } 85 | 86 | .form-control:-ms-input-placeholder { 87 | color: #93959C; 88 | } 89 | 90 | .form-control::-ms-input-placeholder { 91 | color: #93959C; 92 | } 93 | 94 | .form-control::placeholder { 95 | color: #93959C; 96 | } 97 | 98 | .custom-control-input:focus ~ .custom-control-label::before { 99 | box-shadow: 0 0 0 0.2rem rgba(13, 134, 255, 0.25); 100 | } 101 | .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { 102 | border-color: #0D86FF; 103 | } 104 | .custom-control-input:not(:disabled):active ~ .custom-control-label::before { 105 | border-color: #fff; 106 | } 107 | .custom-control-input:checked ~ .custom-control-label::before { 108 | border-color: #0D86FF; 109 | background-color: #0D86FF; 110 | } 111 | 112 | .custom-control-label::before { 113 | border-color: #AEB0B8; 114 | } 115 | 116 | select option, 117 | .custom-select option { 118 | color: #AEB0B8; 119 | } 120 | 121 | .dropdown-menu { 122 | background-color: #33363D; 123 | box-shadow: 0 0.5rem 2.5rem rgba(0, 0, 0, 0.5); 124 | color: #AEB0B8; 125 | } 126 | .dropdown-menu::before { 127 | border-top: 0.375rem solid #33363D; 128 | } 129 | .dropdown.dropup .dropdown-menu::before { 130 | border-top: 0.375rem solid #33363D; 131 | } 132 | 133 | .tooltip-inner { 134 | background-color: #AEB0B8; 135 | box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.25), 0 0.125rem 1rem rgba(0, 0, 0, 0.5); 136 | } 137 | 138 | .bs-tooltip-top .arrow::before, 139 | .bs-tooltip-auto[x-placement^="top"] .arrow::before { 140 | border-top-color: #AEB0B8; 141 | } 142 | 143 | .bs-tooltip-right .arrow::before, 144 | .bs-tooltip-auto[x-placement^="right"] .arrow::before { 145 | border-right-color: #AEB0B8; 146 | } 147 | 148 | .bs-tooltip-left .arrow::before, 149 | .bs-tooltip-auto[x-placement^="left"] .arrow::before { 150 | border-left-color: #AEB0B8; 151 | } 152 | 153 | .bs-tooltip-bottom .arrow::before, 154 | .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { 155 | border-bottom-color: #AEB0B8; 156 | } 157 | 158 | .btn { 159 | background-image: linear-gradient(142.17deg, #0DA2FF 6.66%, #0055FF 91.48%); 160 | color: #FCFCFC; 161 | } 162 | .btn:hover { 163 | color: #FCFCFC; 164 | } 165 | 166 | /* ----------------------------------------------------------------- 167 | - Preloader 168 | ----------------------------------------------------------------- */ 169 | .preloader { 170 | background-color: #1D1E24; 171 | } 172 | .preloader__progress { 173 | background: #1D1E24; 174 | } 175 | .preloader__progress span { 176 | background: #0D86FF; 177 | } 178 | 179 | .circle-pulse__1 { 180 | background-color: #0D86FF; 181 | } 182 | 183 | .circle-pulse__2 { 184 | background-color: rgba(13, 134, 255, 0.7); 185 | } 186 | 187 | /* ----------------------------------------------------------------- 188 | - Header 189 | ----------------------------------------------------------------- */ 190 | .header__left::before { 191 | background-color: #33363D; 192 | } 193 | .header__photo { 194 | background-color: #23262B; 195 | border-color: #23262B; 196 | } 197 | .header__social a { 198 | color: #93959C; 199 | } 200 | .header__social a:hover { 201 | color: #0D86FF; 202 | } 203 | .header__contact { 204 | color: #FCFCFC; 205 | } 206 | 207 | /* ----------------------------------------------------------------- 208 | - Sections 209 | ----------------------------------------------------------------- */ 210 | .box { 211 | background-color: #23262B; 212 | box-shadow: -4px 8px 24px rgba(0, 0, 0, 0.07); 213 | } 214 | .box__border { 215 | border-color: #33363D; 216 | } 217 | 218 | .social__link { 219 | color: #FCFCFC; 220 | } 221 | 222 | /* ----------------------------------------------------------------- 223 | - Cases 224 | ----------------------------------------------------------------- */ 225 | .case-item { 226 | border-color: #33363D; 227 | } 228 | 229 | /* ----------------------------------------------------------------- 230 | - Navbar 231 | ----------------------------------------------------------------- */ 232 | @media only screen and (max-width: 991px) { 233 | .sidebar { 234 | border-color: #33363D; 235 | } 236 | } 237 | @media only screen and (max-width: 580px) { 238 | .sidebar { 239 | box-shadow: 0px 20px 40px rgba(103, 118, 128, 0.2); 240 | } 241 | } 242 | 243 | .nav__item a { 244 | background-color: #2E2F36; 245 | color: #AEB0B8; 246 | } 247 | .nav__item a:hover { 248 | color: #0D86FF; 249 | } 250 | .nav__item a.active { 251 | background-image: linear-gradient(142.17deg, #0DA2FF 6.66%, #0055FF 91.48%); 252 | box-shadow: inset -4px -4px 5px rgba(0, 0, 0, 0.2), inset 4px 4px 5px rgba(255, 255, 255, 0.23); 253 | color: #FCFCFC; 254 | } 255 | .nav__item a.active:hover { 256 | color: #FCFCFC; 257 | } 258 | @media only screen and (max-width: 580px) { 259 | .nav__item a.active { 260 | color: #0D86FF; 261 | } 262 | .nav__item a.active:hover { 263 | color: #0D86FF; 264 | } 265 | .nav__item a.active::before { 266 | background-color: #0D86FF; 267 | } 268 | } 269 | 270 | /* ----------------------------------------------------------------- 271 | - Footer 272 | ----------------------------------------------------------------- */ 273 | .footer { 274 | color: #93959C; 275 | } 276 | 277 | /* ----------------------------------------------------------------- 278 | - Single post 279 | ----------------------------------------------------------------- */ 280 | .footer-post::before { 281 | background-color: #AEB0B8; 282 | } 283 | .footer-post__share { 284 | color: #FCFCFC; 285 | } 286 | 287 | .comment-box__inner { 288 | background-color: #2E2F36; 289 | } 290 | .comment-box__details { 291 | color: #FCFCFC; 292 | } 293 | .comment-box__footer { 294 | color: #FCFCFC; 295 | } 296 | .comment-box__footer li:hover { 297 | color: #0D86FF; 298 | } 299 | 300 | .comment-form .icon-smile:hover { 301 | color: #0D86FF; 302 | } 303 | 304 | .emoji-wrap .emoji:hover { 305 | box-shadow: 0 0 0 0.125rem rgba(174, 176, 184, 0.5); 306 | } 307 | 308 | .scroll-line { 309 | background: #0D86FF; 310 | } 311 | 312 | .nicescroll-cursors { 313 | background-color: #93959C !important; 314 | } 315 | 316 | .social-auth__link { 317 | color: #FCFCFC; 318 | } 319 | .social-auth__link:hover { 320 | color: #FCFCFC; 321 | } 322 | 323 | /* ----------------------------------------------------------------- 324 | - Testimonials 325 | ----------------------------------------------------------------- */ 326 | .review-item { 327 | background-color: #1D1E24; 328 | background-image: url(../icons/icon-quote-dark.svg); 329 | } 330 | 331 | .swiper-pagination-bullet { 332 | background: #33363D; 333 | } 334 | .swiper-pagination-bullet-active { 335 | background: #0D86FF; 336 | } 337 | 338 | /* ----------------------------------------------------------------- 339 | - Portfolio 340 | ----------------------------------------------------------------- */ 341 | @media only screen and (min-width: 769px) { 342 | .filter__item::before { 343 | background-color: #AEB0B8; 344 | } 345 | .filter__item a { 346 | color: rgba(174, 176, 184, 0.8); 347 | } 348 | .filter__item.active a { 349 | color: #FCFCFC; 350 | } 351 | } 352 | @media only screen and (max-width: 768px) { 353 | .select { 354 | background-color: #2E2F36; 355 | } 356 | .select ul { 357 | background-color: #2E2F36; 358 | box-shadow: 0 0.625rem 3.75rem rgba(0, 0, 0, 0.5); 359 | } 360 | .select ul li { 361 | color: #AEB0B8; 362 | } 363 | .select ul li:hover { 364 | background-color: #0D86FF; 365 | } 366 | .select ul li:hover a { 367 | color: #FCFCFC; 368 | } 369 | .select ul li a { 370 | color: #AEB0B8; 371 | } 372 | } 373 | /* ----------------------------------------------------------------- 374 | - News 375 | ----------------------------------------------------------------- */ 376 | .news-item { 377 | background-color: #2E2F36; 378 | } 379 | .news-item__date { 380 | color: #FCFCFC; 381 | } 382 | 383 | /* ----------------------------------------------------------------- 384 | - Timeline 385 | ----------------------------------------------------------------- */ 386 | .timeline__item { 387 | border-color: #33363D; 388 | } 389 | .timeline__item::before { 390 | background-color: #0D86FF; 391 | box-shadow: 0 0 0 0.1875rem rgba(13, 134, 255, 0.25); 392 | } 393 | .timeline__period { 394 | color: rgba(174, 176, 184, 0.7); 395 | } 396 | 397 | /* Progress */ 398 | .progress { 399 | background-color: #2E2F36; 400 | } 401 | .progress-bar { 402 | background-image: linear-gradient(142.17deg, #0DA2FF 6.66%, #0055FF 91.48%); 403 | } 404 | 405 | /* ----------------------------------------------------------------- 406 | - Other 407 | ----------------------------------------------------------------- */ 408 | .back-to-top { 409 | border-top: 1px solid #FCFCFC; 410 | border-left: 1px solid #FCFCFC; 411 | } 412 | 413 | .medium-zoom-overlay { 414 | background: #1D1E24 !important; 415 | } 416 | 417 | /*# sourceMappingURL=style-dark.css.map */ 418 | -------------------------------------------------------------------------------- /assets/styles/style-rtl.css: -------------------------------------------------------------------------------- 1 | /* ------------------------------------------------ 2 | Author: ArtStyles (Art) 3 | 4 | Template Name: 5 | version: 1.0.0 6 | ------------------------------------------------ */ 7 | @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap"); 8 | /* ----------------------------------------------------------------- 9 | - General Styles 10 | ----------------------------------------------------------------- */ 11 | body { 12 | direction: rtl; 13 | text-align: right; 14 | } 15 | 16 | .bg-triangles { 17 | background-position: right top, left bottom; 18 | } 19 | 20 | /* ----------------------------------------------------------------- 21 | - Typography 22 | ----------------------------------------------------------------- */ 23 | .title-icon { 24 | margin-left: 0.5rem; 25 | margin-right: 0; 26 | } 27 | .title__separate::before, .title__separate::after { 28 | left: auto; 29 | right: 0; 30 | } 31 | 32 | @media only screen and (max-width: 991px) { 33 | .block-quote { 34 | padding-left: 0; 35 | padding-right: 3.75rem; 36 | } 37 | } 38 | @media only screen and (max-width: 580px) { 39 | .block-quote { 40 | padding-right: 0; 41 | } 42 | } 43 | .block-quote::before { 44 | left: auto; 45 | right: -3.375rem; 46 | } 47 | @media only screen and (max-width: 991px) { 48 | .block-quote::before { 49 | left: auto; 50 | right: 0; 51 | } 52 | } 53 | @media only screen and (max-width: 580px) { 54 | .block-quote::before { 55 | left: 0; 56 | right: auto; 57 | } 58 | } 59 | .block-quote__author { 60 | padding-left: 0; 61 | padding-right: 3rem; 62 | } 63 | @media only screen and (max-width: 580px) { 64 | .block-quote__author { 65 | padding-left: 0; 66 | padding-right: 2rem; 67 | } 68 | } 69 | .block-quote__author::before { 70 | left: auto; 71 | right: 0; 72 | } 73 | 74 | /* ----------------------------------------------------------------- 75 | - Form 76 | ----------------------------------------------------------------- */ 77 | .form-control { 78 | text-align: right; 79 | } 80 | .form-control__icon { 81 | padding-left: 0; 82 | padding-left: 3.375rem; 83 | } 84 | @media only screen and (max-width: 580px) { 85 | .form-control__icon { 86 | padding-left: 0; 87 | padding-left: 2.8125rem; 88 | } 89 | } 90 | 91 | .form-group .font-icon { 92 | left: auto; 93 | right: 2.375rem; 94 | } 95 | @media only screen and (max-width: 580px) { 96 | .form-group .font-icon { 97 | left: auto; 98 | right: 2.125rem; 99 | } 100 | } 101 | 102 | .help-block { 103 | padding-left: 0; 104 | padding-right: 0.375rem; 105 | } 106 | 107 | .custom-control-label { 108 | padding-left: 0; 109 | padding-right: 0.5rem; 110 | } 111 | 112 | .btn .font-icon { 113 | margin-left: 0.375rem; 114 | margin-right: 0; 115 | } 116 | 117 | .dropdown-menu::before { 118 | left: auto; 119 | right: 1.125rem; 120 | } 121 | 122 | /* ----------------------------------------------------------------- 123 | - Preloader 124 | ----------------------------------------------------------------- */ 125 | .preloader__progress { 126 | left: auto; 127 | right: 0 span; 128 | right-left: auto; 129 | right-right: 0; 130 | } 131 | 132 | /* ----------------------------------------------------------------- 133 | - Header 134 | ----------------------------------------------------------------- */ 135 | .header__left { 136 | padding-left: 1.875rem; 137 | padding-right: 0; 138 | } 139 | .header__left::before { 140 | left: 0; 141 | right: auto; 142 | } 143 | @media only screen and (max-width: 991px) { 144 | .header__left { 145 | padding-left: 0; 146 | } 147 | .header__left::before { 148 | left: 0; 149 | right: auto; 150 | } 151 | } 152 | .header__right { 153 | padding-left: 0; 154 | padding-right: 1.875rem; 155 | } 156 | @media only screen and (max-width: 991px) { 157 | .header__right { 158 | padding-right: 0; 159 | } 160 | } 161 | .header__base-info { 162 | margin-left: 0; 163 | margin-right: 1.5rem; 164 | } 165 | @media only screen and (max-width: 991px) { 166 | .header__base-info { 167 | margin-right: 0; 168 | } 169 | } 170 | .header__social li { 171 | margin-left: 1rem; 172 | margin-right: 0; 173 | } 174 | .header__social li:last-child { 175 | margin-left: 0; 176 | } 177 | 178 | /* ----------------------------------------------------------------- 179 | - Sections 180 | ----------------------------------------------------------------- */ 181 | .social__link { 182 | margin-left: 0; 183 | margin-right: 0.8125rem; 184 | } 185 | .social__link:first-child { 186 | margin-right: 0; 187 | } 188 | 189 | /* ----------------------------------------------------------------- 190 | - Portfolio 191 | ----------------------------------------------------------------- */ 192 | @media only screen and (min-width: 769px) { 193 | .filter__item { 194 | padding-left: 1rem; 195 | padding-right: 0; 196 | } 197 | .filter__item::before { 198 | left: 6px; 199 | right: auto; 200 | } 201 | .filter__item:last-child { 202 | padding-left: 0; 203 | } 204 | } 205 | @media only screen and (max-width: 768px) { 206 | .select { 207 | text-align: right; 208 | } 209 | .select .placeholder:after { 210 | left: 2px; 211 | right: auto; 212 | } 213 | .select ul { 214 | left: auto; 215 | right: 0; 216 | } 217 | .select ul li { 218 | text-align: right; 219 | } 220 | } 221 | /* ----------------------------------------------------------------- 222 | - News 223 | ----------------------------------------------------------------- */ 224 | .news-item__date { 225 | border-radius: 0 20px 0 20px; 226 | } 227 | 228 | /* ----------------------------------------------------------------- 229 | - Single post 230 | ----------------------------------------------------------------- */ 231 | .footer-post__share .font-icon { 232 | margin-left: 0.6875rem; 233 | margin-right: 0; 234 | } 235 | 236 | .comment-box .comment-box { 237 | margin-left: 0; 238 | margin-right: 3rem; 239 | } 240 | @media only screen and (max-width: 580px) { 241 | .comment-box .comment-box { 242 | margin-left: 0; 243 | margin-right: 1.25rem; 244 | } 245 | } 246 | .comment-box__inner { 247 | padding-left: 1.25rem; 248 | padding-right: 1.375rem; 249 | } 250 | @media only screen and (max-width: 580px) { 251 | .comment-box__inner { 252 | padding-left: 1rem; 253 | padding-right: 1.125rem; 254 | } 255 | } 256 | .comment-box .avatar { 257 | margin-left: 1rem; 258 | margin-right: 0; 259 | } 260 | .comment-box__footer li { 261 | margin-left: 2rem; 262 | margin-right: 0; 263 | } 264 | @media only screen and (max-width: 580px) { 265 | .comment-box__footer li { 266 | margin-left: 1rem; 267 | margin-right: 0; 268 | } 269 | } 270 | .comment-box__footer li:last-child { 271 | margin-left: 0; 272 | } 273 | .comment-box__footer span { 274 | padding-left: 0; 275 | padding-right: 0.375rem; 276 | } 277 | 278 | .comment-form .textarea { 279 | padding-left: 4.5rem; 280 | padding-right: 2.875rem; 281 | } 282 | @media only screen and (max-width: 580px) { 283 | .comment-form .textarea { 284 | padding-left: 3.25rem; 285 | padding-right: 2.5rem; 286 | } 287 | } 288 | .comment-form .btn { 289 | margin-left: 0.5rem; 290 | margin-right: 0; 291 | left: 0; 292 | right: auto; 293 | } 294 | .comment-form .dropdown { 295 | margin-left: 0; 296 | margin-right: 1rem; 297 | } 298 | .comment-form .dropdown-menu { 299 | margin-left: 0; 300 | margin-right: -1rem; 301 | } 302 | 303 | .social-auth__item { 304 | margin-left: 0.375rem; 305 | margin-right: 0; 306 | } 307 | 308 | /* ----------------------------------------------------------------- 309 | - Testimonials 310 | ----------------------------------------------------------------- */ 311 | .review-item { 312 | background-position: left 1.875rem top 1.875rem; 313 | } 314 | .review-item__textbox { 315 | margin-left: 0; 316 | margin-right: 1rem; 317 | } 318 | @media only screen and (max-width: 580px) { 319 | .review-item__textbox { 320 | margin-right: 0; 321 | } 322 | } 323 | 324 | /* ----------------------------------------------------------------- 325 | - Timeline 326 | ----------------------------------------------------------------- */ 327 | .timeline { 328 | padding-left: 0; 329 | padding-right: .5rem; 330 | } 331 | .timeline__item { 332 | border-left: 0; 333 | border-right: 1px solid #EBF0F2; 334 | padding-left: 0; 335 | padding-right: 1.4rem; 336 | } 337 | .timeline__item::before { 338 | left: auto; 339 | right: -5px; 340 | } 341 | 342 | /* ----------------------------------------------------------------- 343 | - Timeline 344 | ----------------------------------------------------------------- */ 345 | .timeline { 346 | padding-left: 0; 347 | padding-right: 0.5rem; 348 | } 349 | .timeline__item { 350 | border-left-width: 0; 351 | border-right-width: 1px; 352 | padding-left: 0; 353 | padding-right: 1.375rem; 354 | } 355 | .timeline__item::before { 356 | left: 0; 357 | right: -0.3125rem; 358 | } 359 | 360 | /* Progress */ 361 | .progress { 362 | text-align: left; 363 | } 364 | .progress .progress-text { 365 | left: auto; 366 | right: 0; 367 | } 368 | 369 | @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 370 | .progress-text span:nth-child(2) { 371 | float: left; 372 | } 373 | } 374 | /* ----------------------------------------------------------------- 375 | - Other 376 | ----------------------------------------------------------------- */ 377 | .back-to-top { 378 | left: 40px; 379 | right: 0; 380 | } 381 | @media only screen and (max-width: 580px) { 382 | .back-to-top { 383 | display: none !important; 384 | } 385 | } 386 | 387 | /*# sourceMappingURL=style-rtl.css.map */ 388 | -------------------------------------------------------------------------------- /blog.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | 6 | vCard - Blog 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 | 55 |
56 | 57 |
58 |
59 |
60 | 61 |
62 | 63 |
64 |
65 |
66 | Ronald Robertson 67 |
68 |
69 |

Ronald Robertson

70 |
Creative Director
71 | 76 |
77 |
78 |
79 |
    80 |
  • Emailronald@example.com
  • 81 |
  • Phone+1 (070) 123–8459
  • 82 |
83 |
    84 |
  • Birthday17 March, 1995
  • 85 |
  • LocationSan-Francisco, USA
  • 86 |
87 |
88 |
89 | 90 |
91 | 92 | 103 | 104 | 105 |
106 |
107 |
108 |

Blog

109 |
110 | 111 | 112 |
113 | 114 |
115 |
116 |
16Jun
117 | 118 | 119 |
120 |
121 |

Design Conferences in 2019

122 |

Veritatis et quasi architecto beatae vitae dicta sunt, explicabo.

123 |
124 |
125 | 126 | 127 |
128 |
129 |
15Jun
130 | 131 | 132 |
133 |
134 |

Best Fonts Every Designer

135 |

Sed ut perspiciatis, nam libero tempore, cum soluta nobis est eligendi.

136 |
137 |
138 | 139 | 140 |
141 |
142 |
14Jun
143 | 144 | 145 |
146 |
147 |

Design Digest #80

148 |

Excepteur sint occaecat cupidatat no proident, quis nostrum exercitationem ullam corporis suscipit.

149 |
150 |
151 | 152 | 153 |
154 |
155 |
13Jun
156 | 157 | 158 |
159 |
160 |

UI Interactions of the week

161 |

Enim ad minim veniam, consectetur adipiscing elit, quis nostrud exercitation ullamco laboris nisi.

162 |
163 |
164 | 165 | 166 |
167 |
168 |
12Jun
169 | 170 | 171 |
172 |
173 |

The Forgotten Art of Spacing

174 |

Maxime placeat, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

175 |
176 |
177 | 178 | 179 |
180 |
181 |
10Jun
182 | 183 | 184 |
185 |
186 |

Design Digest #79

187 |

Optio cumque nihil impedit uo minus quod maxime placeat, velit esse cillum.

188 |
189 |
190 |
191 |
192 | 193 | 194 |
© 2020 vCard
195 |
196 |
197 |
198 |
199 | 200 |
201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | 217 | 218 | 219 | 220 | 221 | -------------------------------------------------------------------------------- /contact.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | 6 | vCard - Contact 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 | 59 |
60 | 61 |
62 |
63 |
64 | 65 |
66 | 67 |
68 |
69 |
70 | Ronald Robertson 71 |
72 |
73 |

Ronald Robertson

74 |
Creative Director
75 | 80 |
81 |
82 |
83 |
    84 |
  • Emailronald@example.com
  • 85 |
  • Phone+1 (070) 123–8459
  • 86 |
87 |
    88 |
  • Birthday17 March, 1995
  • 89 |
  • LocationSan-Francisco, USA
  • 90 |
91 |
92 |
93 | 94 |
95 | 96 | 107 | 108 | 109 |
110 |
111 |
112 |

Contact

113 |
114 | 115 | 116 |
117 |

Contact Form

118 | 119 |
120 |
121 |
122 | 123 |
124 |
125 |
126 | 127 |
128 |
129 |
130 | 131 |
132 |
133 |
134 |
135 |
136 | 137 |
138 |
139 | 140 |
141 |
142 |
143 |
144 | 145 | 146 |
© 2020 vCard
147 |
148 |
149 |
150 |
151 | 152 |
153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | -------------------------------------------------------------------------------- /resume.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | 6 | vCard - Resume 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 | 55 |
56 | 57 |
58 |
59 |
60 | 61 |
62 | 63 |
64 |
65 |
66 | Ronald Robertson 67 |
68 |
69 |

Ronald Robertson

70 |
Creative Director
71 | 76 |
77 |
78 |
79 |
    80 |
  • Emailronald@example.com
  • 81 |
  • Phone+1 (070) 123–8459
  • 82 |
83 |
    84 |
  • Birthday17 March, 1995
  • 85 |
  • LocationSan-Francisco, USA
  • 86 |
87 |
88 |
89 | 90 |
91 | 92 | 103 | 104 | 105 |
106 |
107 |
108 |

Resume

109 |
110 | 111 | 112 |
113 |
114 |

Education

115 |
116 | 117 |
118 |
University School of the Arts
119 | 2007 — 2009 120 |

Nemo enims ipsam voluptatem, blanditiis praesentium voluptum delenit atque corrupti, quos dolores et quas molestias exceptur.

121 |
122 | 123 | 124 |
125 |
New York Academy of Art
126 | 2005 — 2007 127 |

Ratione voluptatem sequi nesciunt, facere quisquams facere menda ossimus, omnis voluptas assumenda est omnis..

128 |
129 | 130 | 131 |
132 |
High School of Art and Design
133 | 2003 — 2005 134 |

Duis aute irure dolor in reprehenderit in voluptate, quila voluptas mag odit aut fugit, sed consequuntur magni dolores eos.

135 |
136 |
137 |
138 | 139 |
140 |

Experience

141 |
142 | 143 |
144 |
Creative Director
145 | 2015 — Present 146 |

Nemo enim ipsam voluptatem blanditiis praesentium voluptum delenit atque corrupti, quos dolores et qvuas molestias exceptur.

147 |
148 | 149 | 150 |
151 |
Art Director
152 | 2013 — 2015 153 |

Nemo enims ipsam voluptatem, blanditiis praesentium voluptum delenit atque corrupti, quos dolores et quas molestias exceptur.

154 |
155 | 156 | 157 |
158 |
Web Designer
159 | 2010 — 2013 160 |

Nemo enims ipsam voluptatem, blanditiis praesentium voluptum delenit atque corrupti, quos dolores et quas molestias exceptur.

161 |
162 |
163 |
164 |
165 | 166 | 167 |
168 |
169 |

My Skills

170 |
171 | 172 |
173 |
174 |
Web Design80%
175 |
176 |
Web Design
177 |
178 | 179 | 180 |
181 |
182 |
Graphic Design75%
183 |
184 |
Graphic Design
185 |
186 | 187 | 188 |
189 |
190 |
Photoshop90%
191 |
192 |
Photoshop
193 |
194 | 195 | 196 |
197 |
198 |
Illustrator50%
199 |
200 |
Illustrator
201 |
202 |
203 |
204 |
205 |
206 | 207 | 208 |
© 2020 vCard
209 |
210 |
211 |
212 |
213 | 214 |
215 | 216 | 217 | 218 | 219 | 220 | 221 | 222 | 223 | 224 | 225 | 226 | 227 | 228 | 229 | 230 | 231 | 232 | 233 | 234 | 235 | -------------------------------------------------------------------------------- /works.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | 6 | vCard - Works 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 | 55 |
56 | 57 |
58 |
59 |
60 | 61 |
62 | 63 |
64 |
65 |
66 | Ronald Robertson 67 |
68 |
69 |

Ronald Robertson

70 |
Creative Director
71 | 76 |
77 |
78 |
79 |
    80 |
  • Emailronald@example.com
  • 81 |
  • Phone+1 (070) 123–8459
  • 82 |
83 |
    84 |
  • Birthday17 March, 1995
  • 85 |
  • LocationSan-Francisco, USA
  • 86 |
87 |
88 |
89 | 90 |
91 | 92 | 103 | 104 | 105 |
106 |
107 |
108 |

Portfolio

109 |
110 | 111 | 112 |
113 | Select category 114 | 121 | 122 |
123 | 124 | 125 | 226 |
227 | 228 | 229 |
© 2019 vCard
230 |
231 |
232 |
233 |
234 | 235 |
236 | 237 | 238 | 239 | 240 | 241 | 242 | 243 | 244 | 245 | 246 | 247 | 248 | 249 | 250 | 251 | 252 | 253 | 254 | 255 | 256 | --------------------------------------------------------------------------------