Workshop Port InspireIT65 (Branch 9752) (Copy 9988..
✨ นางสาวปริญญา วัฒนพร
<html> <head> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous"> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> <title>แฟมสะสมผลงานของเเกรมมี่</title> <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> <style> @import url('https://fonts.googleapis.com/css2?family=Sriracha&display=swap'); body{ /* แก้สี */ background:#EF9A9A; font-family:sans-serif; font-family: 'Sriracha', cursive; } a{ color:#FFEBEE; text-decoration: none; } .social{ font-size:2em; } .main{ background:#FFCDD2; padding:1em 1em; border-radius:1em; width:100%; max-width:600px; margin:2rem auto; } h1,h2,h3,h4,h5,h6,p{ margin:0; } /* แก้สีอักษร */ .cl-1{ color:#FF1744; font-weight:bold; font-size:3em; } .cl-2{ color:#F4511E; } .card-parent{ width:100%; display:flex; flex-flow:row wrap; justify-content:center; } .card-item{ --bg:url('https://media.discordapp.net/attachments/907606638767255553/909015241684308008/photo-1633113212423-dc2828784c7e.jpeg'); width:calc(50% - 1em); height:120px; padding:1em; border-radius:0.5rem; font-weight:700; color:white; display:flex; justify-content:center; align-items:center; box-sizing:border-box; margin:.5em; background-size:cover; background-position:center; text-shadow:0px 2px 1px #FF5252; /* แก้สีข้างล่าง */ background-image:linear-gradient(to bottom,#AA00FF33,#AA00FF66),var(--bg); } .img{ width:100%; border-radius:.5em; } h1{ font-size:2rem; } h2{ font-size:1.8rem; } h3{ font-size:1.4rem; } </style> </head> <body> <div class="main"> <center> <h3 class="cl-2"> portfolio </h3> <h1 class="cl-1"> นางสาวปริญญา วัฒนพร </h1> <br> <p> โรงเรียนพรตพิทยพยัต จ.กรุงเทพมหานคร <br> <i class="fas fa-envelope-square"></i> parinya.2668@hotmail.com <br> </p> <br> <p class="social"> <a href="_____" class=""> <i class="fab fa-instagram"> </i> </a> <a href="_____" class=""> <i class="fab fa-twitter"> </i> </a> <a href="https://www.facebook.com/ParinyaWattanapron" class=""> <i class="fab fa-facebook"> </i> </a> <a href="mailto:jabont@hotmail.com" class=""> <i class="fab fa-email"> </i> </a> <a href="_____" class=""> <i class="fab fa-linkedin"> </i> </a> <a href="_____" class=""> <i class="fab fa-line"> </i> </a> </p> <br> <h3 class="cl-2"> activity </h3> <br> <div class="card-parent"> <div class="card-item" style="--bg:url('https://media.discordapp.net/attachments/733679475488981145/910503389325049946/FB_IMG_1615813492352.jpg?width=609&height=406');"> <h3> คอมพิวเตอร์ </h3> </div> <div class="card-item" style="--bg:url('https://media.discordapp.net/attachments/733679475488981145/910500562653569074/FB_IMG_1565322049303.jpg?width=270&height=406')"> <h3> กิจกรรมในโรงเรียน </h3> </div> </div> <br> <h3 class="cl-2"> <i class="fas fa-heart"></i> ผลงานและความภาคภูมิใจ <i class="fas fa-heart"></i> </h3> <ul style="text-align:left"> <li>จัดกิจกรรมภายในโรงเรียนได้ชนะเริ่ด สนุกมาก </li> <li>สามารถเขียนภาษาไพทอนได้ระดับกลาง </li> <li>เป็นสภานักเรียน </li> <li>ชนะการเเข่งขันเยาวชนดีเด่นกรุงเทพมหานคร </li> </ul> <img data-aos="flip-left" data-aos-duration="3000" src="https://media.discordapp.net/attachments/733679475488981145/910505054925107240/line_71341513837241.jpg?width=504&height=406" class="img" > <br> <br> <img data-aos="zoom-in-down" data-aos-duration="2000" src="https://media.discordapp.net/attachments/733679475488981145/910500562653569074/FB_IMG_1565322049303.jpg?width=370&height=506" class="img" > <br> <br> <img data-aos="fade-right" data-aos-duration="2000" src="https://media.discordapp.net/attachments/733679475488981145/910503389325049946/FB_IMG_1615813492352.jpg?width=609&height=406" class="img" > <br> <br> <img data-aos="fade-left" data-aos-duration="2000" src="https://media.discordapp.net/attachments/733679475488981145/910510991106793502/FB_IMG_1592376405501.jpg?width=609&height=406" class="img" > <br> <br> <img data-aos="flip-up" data-aos-duration="2000" src="https://media.discordapp.net/attachments/733679475488981145/910510869690081310/FB_IMG_1596536959353.jpg?width=609&height=406" class="img" > <br> <br> <h1 class="cl-1"> <i class="fas fa-smile-beam"></i> thanks for watching <i class="fas fa-smile-beam"></i> <br> </center> </div> </ul> <script>AOS.init();</script> </body> </html> </li>