{"html":"

\n \n

\n Ethan Johnson\n

\n Hello, I am a software engineer with over 5 years of experience in web development. I specialize in building scalable, high-performance web applications using modern web technologies such as React, Angular, and Node.js.\n

\n \n\n \n\n \n\n \n

\n","css":".flip-card {\n background-color: transparent;\n width: 245px;\n height: 270px;\n perspective: 1000px;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n}\n\n.flip-card-inner {\n position: relative;\n width: 100%;\n height: 100%;\n text-align: center;\n transition: transform 0.6s;\n transform-style: preserve-3d;\n}\n\n.flip-card-front, .flip-card-back {\n position: absolute;\n width: 100%;\n height: 100%;\n padding: 5px;\n border-radius: 2em;\n backface-visibility: hidden;\n}\n\n.flip-card-front {\n background-color: #240d29;\n border: 4px solid #c143da;\n}\n\n.profile-image {\n background-color: transparent;\n border: none;\n margin-top: 15px;\n border-radius: 5em;\n width: 120px;\n height: 120px;\n margin-left: 50px;\n}\n\n.pfp {\n border-radius: 35em;\n fill: #c143da;\n}\n\n.name {\n margin-top: 15px;\n font-size: 27px;\n color: #c143da;\n font-weight: bold;\n}\n\n.flip-card-back {\n background-color: #240d29;\n border: 4px solid #c143da;\n transform: rotateY(180deg);\n padding: 11px;\n}\n\n.description {\n margin-top: 10px;\n font-size: 14px;\n letter-spacing: 1px;\n color: white\n}\n\n.socialbar {\n background-color: transparent;\n border-radius: 3em;\n width: 90%;\n padding: 14px;\n margin-top: 11px;\n margin-left: 10px;\n word-spacing: 24px;\n color: white;\n}\n\n.socialbar svg {\n transition: 0.4s;\n width: 20px;\n height: 20px;\n color: #c143da\n}\n\n.socialbar svg:hover {\n color: white;\n}\n\n.flip-card:hover .flip-card-inner {\n transform: rotateY(180deg);\n}\n"}

soft-firefox-58

👁 实时预览

📝 源代码