iT邦幫忙

2022 iThome 鐵人賽

0
Modern Web

30天複習網頁前端設計!系列 第 25

Day25:實做練習

  • 分享至 

  • xImage
  •  

複習了前面24篇文章,總算把一些記憶都找回來了!
我發現如果要在30篇內將HTML及CSS仔細地做完筆記,應該不太可能完成,
但是目前也打好了一定的基礎,剩下不足的地方就從實做練習開始吧!/images/emoticon/emoticon69.gif
我的實做目標是架設一個個人網站,接下來到第29篇會上傳自己的實做紀錄(第30篇當然是心得><)~

<body>
    <div class="animation">
        <div class="logo">
            
            <svg width="70" height="51" viewBox="0 0 70 51" fill="none" xmlns="http://www.w3.org/2000/svg">
                <mask id="path-1-outside-1_20_67" maskUnits="userSpaceOnUse" x="0.65625" y="0.5" width="69" height="51" fill="black">
                <rect fill="white" x="0.65625" y="0.5" width="69" height="51"/>
                <path d="M25.375 34.7188V2.5H31.375V34.7188C31.375 37.7188 30.7604 40.25 29.5312 42.3125C28.3021 44.375 26.6042 45.9479 24.4375 47.0312C22.2917 48.0938 19.8229 48.625 17.0312 48.625C14.2396 48.625 11.7604 48.1458 9.59375 47.1875C7.42708 46.2292 5.72917 44.7708 4.5 42.8125C3.27083 40.8542 2.65625 38.3854 2.65625 35.4062H8.6875C8.6875 37.3229 9.04167 38.8958 9.75 40.125C10.4583 41.3542 11.4375 42.2604 12.6875 42.8438C13.9583 43.4271 15.4062 43.7188 17.0312 43.7188C18.6146 43.7188 20.0312 43.3854 21.2812 42.7188C22.5521 42.0312 23.5521 41.0208 24.2812 39.6875C25.0104 38.3333 25.375 36.6771 25.375 34.7188ZM61.4062 40.1875V14.1875H67.2188V48H61.6875L61.4062 40.1875ZM62.5 33.0625L64.9062 33C64.9062 35.25 64.6667 37.3333 64.1875 39.25C63.7292 41.1458 62.9792 42.7917 61.9375 44.1875C60.8958 45.5833 59.5312 46.6771 57.8438 47.4688C56.1562 48.2396 54.1042 48.625 51.6875 48.625C50.0417 48.625 48.5312 48.3854 47.1562 47.9062C45.8021 47.4271 44.6354 46.6875 43.6562 45.6875C42.6771 44.6875 41.9167 43.3854 41.375 41.7812C40.8542 40.1771 40.5938 38.25 40.5938 36V14.1875H46.375V36.0625C46.375 37.5833 46.5417 38.8438 46.875 39.8438C47.2292 40.8229 47.6979 41.6042 48.2812 42.1875C48.8854 42.75 49.5521 43.1458 50.2812 43.375C51.0312 43.6042 51.8021 43.7188 52.5938 43.7188C55.0521 43.7188 57 43.25 58.4375 42.3125C59.875 41.3542 60.9062 40.0729 61.5312 38.4688C62.1771 36.8438 62.5 35.0417 62.5 33.0625Z"/>
                </mask>
                <path d="M25.375 2.5V0.5H23.375V2.5H25.375ZM31.375 2.5H33.375V0.5H31.375V2.5ZM24.4375 47.0312L25.325 48.8236L25.3319 48.8201L24.4375 47.0312ZM2.65625 35.4062V33.4062H0.65625V35.4062H2.65625ZM8.6875 35.4062H10.6875V33.4062H8.6875V35.4062ZM12.6875 42.8438L11.8417 44.6562L11.8532 44.6614L12.6875 42.8438ZM21.2812 42.7188L22.2224 44.4835L22.2329 44.4778L21.2812 42.7188ZM24.2812 39.6875L26.036 40.6471L26.0422 40.6357L24.2812 39.6875ZM61.4062 40.1875H59.4062V40.2235L59.4075 40.2595L61.4062 40.1875ZM61.4062 14.1875V12.1875H59.4062V14.1875H61.4062ZM67.2188 14.1875H69.2188V12.1875H67.2188V14.1875ZM67.2188 48V50H69.2188V48H67.2188ZM61.6875 48L59.6888 48.072L59.7582 50H61.6875V48ZM62.5 33.0625L62.4481 31.0632L60.5 31.1138V33.0625H62.5ZM64.9062 33H66.9062V30.9474L64.8543 31.0007L64.9062 33ZM64.1875 39.25L62.2472 38.7649L62.2453 38.7725L62.2435 38.78L64.1875 39.25ZM57.8438 47.4688L58.6747 49.2879L58.684 49.2837L58.6932 49.2794L57.8438 47.4688ZM47.1562 47.9062L46.4891 49.7917L46.4981 49.7949L47.1562 47.9062ZM41.375 41.7812L39.4728 42.3989L39.4764 42.41L39.4801 42.4211L41.375 41.7812ZM40.5938 14.1875V12.1875H38.5938V14.1875H40.5938ZM46.375 14.1875H48.375V12.1875H46.375V14.1875ZM46.875 39.8438L44.9776 40.4762L44.9856 40.5002L44.9942 40.524L46.875 39.8438ZM48.2812 42.1875L46.867 43.6017L46.8923 43.627L46.9184 43.6513L48.2812 42.1875ZM50.2812 43.375L49.6816 45.283L49.6892 45.2854L49.6968 45.2877L50.2812 43.375ZM58.4375 42.3125L59.53 43.9877L59.5385 43.9822L59.5469 43.9766L58.4375 42.3125ZM61.5312 38.4688L59.6726 37.7301L59.6677 37.7427L61.5312 38.4688ZM27.375 34.7188V2.5H23.375V34.7188H27.375ZM25.375 4.5H31.375V0.5H25.375V4.5ZM29.375 2.5V34.7188H33.375V2.5H29.375ZM29.375 34.7188C29.375 37.4474 28.817 39.6043 27.8132 41.2886L31.2493 43.3364C32.7038 40.8957 33.375 37.9901 33.375 34.7188H29.375ZM27.8132 41.2886C26.7817 43.0195 25.371 44.3285 23.5431 45.2424L25.3319 48.8201C27.8374 47.5674 29.8225 45.7305 31.2493 43.3364L27.8132 41.2886ZM23.55 45.2389C21.7224 46.1439 19.566 46.625 17.0312 46.625V50.625C20.0798 50.625 22.8609 50.0436 25.325 48.8236L23.55 45.2389ZM17.0312 46.625C14.4691 46.625 12.2733 46.1858 10.4028 45.3584L8.78474 49.0166C11.2476 50.1059 14.01 50.625 17.0312 50.625V46.625ZM10.4028 45.3584C8.59128 44.5572 7.20562 43.361 6.19397 41.7493L2.80603 43.8757C4.25272 46.1806 6.26289 47.9011 8.78474 49.0166L10.4028 45.3584ZM6.19397 41.7493C5.21489 40.1894 4.65625 38.1162 4.65625 35.4062H0.65625C0.65625 38.6546 1.32678 41.519 2.80603 43.8757L6.19397 41.7493ZM2.65625 37.4062H8.6875V33.4062H2.65625V37.4062ZM6.6875 35.4062C6.6875 37.555 7.08289 39.5024 8.01714 41.1236L11.4829 39.1264C11.0004 38.2893 10.6875 37.0908 10.6875 35.4062H6.6875ZM8.01714 41.1236C8.92436 42.6979 10.2083 43.8939 11.8417 44.6561L13.5333 41.0314C12.6667 40.627 11.9923 40.0104 11.4829 39.1264L8.01714 41.1236ZM11.8532 44.6614C13.4249 45.3828 15.1647 45.7188 17.0312 45.7188V41.7188C15.6478 41.7188 14.4918 41.4713 13.5218 41.0261L11.8532 44.6614ZM17.0312 45.7188C18.9036 45.7188 20.65 45.3221 22.2224 44.4835L20.3401 40.954C19.4125 41.4488 18.3255 41.7188 17.0312 41.7188V45.7188ZM22.2329 44.4778C23.8609 43.5971 25.1319 42.3004 26.036 40.6471L22.5265 38.7279C21.9723 39.7413 21.2433 40.4654 20.3296 40.9597L22.2329 44.4778ZM26.0422 40.6357C26.9654 38.9212 27.375 36.9197 27.375 34.7188H23.375C23.375 36.4344 23.0554 37.7455 22.5203 38.7393L26.0422 40.6357ZM63.4062 40.1875V14.1875H59.4062V40.1875H63.4062ZM61.4062 16.1875H67.2188V12.1875H61.4062V16.1875ZM65.2188 14.1875V48H69.2188V14.1875H65.2188ZM67.2188 46H61.6875V50H67.2188V46ZM63.6862 47.928L63.405 40.1155L59.4075 40.2595L59.6888 48.072L63.6862 47.928ZM62.5519 35.0618L64.9582 34.9993L64.8543 31.0007L62.4481 31.0632L62.5519 35.0618ZM62.9062 33C62.9062 35.1086 62.6817 37.0271 62.2472 38.7649L66.1278 39.7351C66.6517 37.6396 66.9062 35.3914 66.9062 33H62.9062ZM62.2435 38.78C61.841 40.4447 61.1964 41.8366 60.3346 42.9913L63.5404 45.3837C64.7619 43.7468 65.6173 41.8469 66.1315 39.72L62.2435 38.78ZM60.3346 42.9913C59.5035 44.1051 58.4055 44.9961 56.9943 45.6581L58.6932 49.2794C60.657 48.3581 62.2882 47.0616 63.5404 45.3837L60.3346 42.9913ZM57.0128 45.6496C55.6524 46.271 53.9005 46.625 51.6875 46.625V50.625C54.3078 50.625 56.6601 50.2082 58.6747 49.2879L57.0128 45.6496ZM51.6875 46.625C50.2369 46.625 48.9522 46.4141 47.8144 46.0176L46.4981 49.7949C48.1103 50.3567 49.8464 50.625 51.6875 50.625V46.625ZM47.8234 46.0208C46.7491 45.6407 45.8452 45.0643 45.0853 44.2883L42.2272 47.0867C43.4257 48.3107 44.855 49.2135 46.4891 49.7917L47.8234 46.0208ZM45.0853 44.2883C44.356 43.5435 43.7352 42.5195 43.2699 41.1414L39.4801 42.4211C40.0981 44.2513 40.9981 45.8315 42.2272 47.0867L45.0853 44.2883ZM43.2772 41.1636C42.8387 39.8129 42.5938 38.1058 42.5938 36H38.5938C38.5938 38.3942 38.8696 40.5412 39.4728 42.3989L43.2772 41.1636ZM42.5938 36V14.1875H38.5938V36H42.5938ZM40.5938 16.1875H46.375V12.1875H40.5938V16.1875ZM44.375 14.1875V36.0625H48.375V14.1875H44.375ZM44.375 36.0625C44.375 37.7117 44.5535 39.2037 44.9776 40.4762L48.7724 39.2113C48.5299 38.4838 48.375 37.455 48.375 36.0625H44.375ZM44.9942 40.524C45.4228 41.709 46.0293 42.7639 46.867 43.6017L49.6955 40.7733C49.3666 40.4444 49.0355 39.9369 48.7558 39.1635L44.9942 40.524ZM46.9184 43.6513C47.7229 44.4003 48.6458 44.9575 49.6816 45.283L50.8809 41.467C50.4583 41.3342 50.0479 41.0997 49.6441 40.7237L46.9184 43.6513ZM49.6968 45.2877C50.638 45.5753 51.6059 45.7188 52.5938 45.7188V41.7188C51.9982 41.7188 51.4245 41.633 50.8657 41.4623L49.6968 45.2877ZM52.5938 45.7188C55.2802 45.7188 57.6555 45.2102 59.53 43.9877L57.345 40.6373C56.3445 41.2898 54.824 41.7188 52.5938 41.7188V45.7188ZM59.5469 43.9766C61.3249 42.7913 62.6201 41.1831 63.3948 39.1948L59.6677 37.7427C59.1924 38.9627 58.4251 39.917 57.3281 40.6484L59.5469 43.9766ZM63.3898 39.2074C64.1406 37.3184 64.5 35.2615 64.5 33.0625H60.5C60.5 34.8219 60.2136 36.3691 59.6727 37.7301L63.3898 39.2074Z" fill="white" mask="url(#path-1-outside-1_20_67)"
                stroke="white"
                id="first"
                class="paths"
                />
                </svg>
            <br>
            <svg width="252" height="51" viewBox="0 0 252 51" fill="none" xmlns="http://www.w3.org/2000/svg">
                <mask id="path-1-outside-1_20_44" maskUnits="userSpaceOnUse" x="0.28125" y="0.5" width="252" height="51" fill="black">
                <rect fill="white" x="0.28125" y="0.5" width="252" height="51"/>
                <path d="M8.3125 2.5V48H2.28125V2.5H8.3125ZM27.375 22.9688V27.9062H7V22.9688H27.375ZM30.4688 2.5V7.4375H7V2.5H30.4688ZM48.5 34.7188V2.5H54.5V34.7188C54.5 37.7188 53.8854 40.25 52.6562 42.3125C51.4271 44.375 49.7292 45.9479 47.5625 47.0312C45.4167 48.0938 42.9479 48.625 40.1562 48.625C37.3646 48.625 34.8854 48.1458 32.7188 47.1875C30.5521 46.2292 28.8542 44.7708 27.625 42.8125C26.3958 40.8542 25.7812 38.3854 25.7812 35.4062H31.8125C31.8125 37.3229 32.1667 38.8958 32.875 40.125C33.5833 41.3542 34.5625 42.2604 35.8125 42.8438C37.0833 43.4271 38.5312 43.7188 40.1562 43.7188C41.7396 43.7188 43.1562 43.3854 44.4062 42.7188C45.6771 42.0312 46.6771 41.0208 47.4062 39.6875C48.1354 38.3333 48.5 36.6771 48.5 34.7188ZM90.75 2.5H96.75V33.2812C96.75 36.6979 95.9896 39.5417 94.4688 41.8125C92.9479 44.0833 90.9271 45.7917 88.4062 46.9375C85.9062 48.0625 83.1875 48.625 80.25 48.625C77.1667 48.625 74.375 48.0625 71.875 46.9375C69.3958 45.7917 67.4271 44.0833 65.9688 41.8125C64.5312 39.5417 63.8125 36.6979 63.8125 33.2812V2.5H69.7812V33.2812C69.7812 35.6562 70.2188 37.6146 71.0938 39.1562C71.9688 40.6979 73.1875 41.8438 74.75 42.5938C76.3333 43.3438 78.1667 43.7188 80.25 43.7188C82.3542 43.7188 84.1875 43.3438 85.75 42.5938C87.3333 41.8438 88.5625 40.6979 89.4375 39.1562C90.3125 37.6146 90.75 35.6562 90.75 33.2812V2.5ZM124 2.5H129.844L144.75 39.5938L159.625 2.5H165.5L147 48H142.438L124 2.5ZM122.094 2.5H127.25L128.094 30.25V48H122.094V2.5ZM162.219 2.5H167.375V48H161.375V30.25L162.219 2.5ZM184.438 2.5V48H178.406V2.5H184.438ZM201.875 2.5V48H195.844V2.5H201.875ZM230.25 6.53125L215.188 48H209.031L226.375 2.5H230.344L230.25 6.53125ZM242.875 48L227.781 6.53125L227.688 2.5H231.656L249.062 48H242.875ZM242.094 31.1562V36.0938H216.531V31.1562H242.094Z"/>
                </mask>
                <path d="M8.3125 2.5H10.3125V0.5H8.3125V2.5ZM8.3125 48V50H10.3125V48H8.3125ZM2.28125 48H0.28125V50H2.28125V48ZM2.28125 2.5V0.5H0.28125V2.5H2.28125ZM27.375 22.9688H29.375V20.9688H27.375V22.9688ZM27.375 27.9062V29.9062H29.375V27.9062H27.375ZM7 27.9062H5V29.9062H7V27.9062ZM7 22.9688V20.9688H5V22.9688H7ZM30.4688 2.5H32.4688V0.5H30.4688V2.5ZM30.4688 7.4375V9.4375H32.4688V7.4375H30.4688ZM7 7.4375H5V9.4375H7V7.4375ZM7 2.5V0.5H5V2.5H7ZM48.5 2.5V0.5H46.5V2.5H48.5ZM54.5 2.5H56.5V0.5H54.5V2.5ZM47.5625 47.0312L48.45 48.8236L48.4569 48.8201L47.5625 47.0312ZM25.7812 35.4062V33.4062H23.7812V35.4062H25.7812ZM31.8125 35.4062H33.8125V33.4062H31.8125V35.4062ZM35.8125 42.8438L34.9667 44.6562L34.9782 44.6614L35.8125 42.8438ZM44.4062 42.7188L45.3474 44.4835L45.3579 44.4778L44.4062 42.7188ZM47.4062 39.6875L49.161 40.6471L49.1672 40.6357L47.4062 39.6875ZM90.75 2.5V0.5H88.75V2.5H90.75ZM96.75 2.5H98.75V0.5H96.75V2.5ZM88.4062 46.9375L89.227 48.7614L89.2339 48.7582L88.4062 46.9375ZM71.875 46.9375L71.0359 48.753L71.0451 48.7572L71.0543 48.7613L71.875 46.9375ZM65.9688 41.8125L64.2788 42.8823L64.2859 42.8932L65.9688 41.8125ZM63.8125 2.5V0.5H61.8125V2.5H63.8125ZM69.7812 2.5H71.7812V0.5H69.7812V2.5ZM74.75 42.5938L73.8845 44.3968L73.8938 44.4012L74.75 42.5938ZM85.75 42.5938L84.8938 40.7863L84.8845 40.7907L85.75 42.5938ZM124 2.5V0.5H121.032L122.146 3.25111L124 2.5ZM129.844 2.5L131.7 1.75425L131.195 0.5H129.844V2.5ZM144.75 39.5938L142.894 40.3395L144.752 44.9624L146.606 40.3381L144.75 39.5938ZM159.625 2.5V0.5H158.272L157.769 1.7556L159.625 2.5ZM165.5 2.5L167.353 3.2533L168.472 0.5H165.5V2.5ZM147 48V50H148.346L148.853 48.7533L147 48ZM142.438 48L140.584 48.7511L141.09 50H142.438V48ZM122.094 2.5V0.5H120.094V2.5H122.094ZM127.25 2.5L129.249 2.43922L129.19 0.5H127.25V2.5ZM128.094 30.25H130.094V30.2196L130.093 30.1892L128.094 30.25ZM128.094 48V50H130.094V48H128.094ZM122.094 48H120.094V50H122.094V48ZM162.219 2.5V0.5H160.279L160.22 2.43922L162.219 2.5ZM167.375 2.5H169.375V0.5H167.375V2.5ZM167.375 48V50H169.375V48H167.375ZM161.375 48H159.375V50H161.375V48ZM161.375 30.25L159.376 30.1892L159.375 30.2196V30.25H161.375ZM184.438 2.5H186.438V0.5H184.438V2.5ZM184.438 48V50H186.438V48H184.438ZM178.406 48H176.406V50H178.406V48ZM178.406 2.5V0.5H176.406V2.5H178.406ZM201.875 2.5H203.875V0.5H201.875V2.5ZM201.875 48V50H203.875V48H201.875ZM195.844 48H193.844V50H195.844V48ZM195.844 2.5V0.5H193.844V2.5H195.844ZM230.25 6.53125L232.13 7.21405L232.242 6.90571L232.249 6.57775L230.25 6.53125ZM215.188 48V50H216.589L217.067 48.6828L215.188 48ZM209.031 48L207.162 47.2876L206.129 50H209.031V48ZM226.375 2.5V0.5H224.997L224.506 1.78764L226.375 2.5ZM230.344 2.5L232.343 2.5465L232.391 0.5H230.344V2.5ZM242.875 48L240.996 48.6841L241.475 50H242.875V48ZM227.781 6.53125L225.782 6.57775L225.789 6.9064L225.902 7.2153L227.781 6.53125ZM227.688 2.5V0.5H225.64L225.688 2.5465L227.688 2.5ZM231.656 2.5L233.524 1.7854L233.032 0.5H231.656V2.5ZM249.062 48V50H251.969L250.93 47.2854L249.062 48ZM242.094 31.1562H244.094V29.1562H242.094V31.1562ZM242.094 36.0938V38.0938H244.094V36.0938H242.094ZM216.531 36.0938H214.531V38.0938H216.531V36.0938ZM216.531 31.1562V29.1562H214.531V31.1562H216.531ZM6.3125 2.5V48H10.3125V2.5H6.3125ZM8.3125 46H2.28125V50H8.3125V46ZM4.28125 48V2.5H0.28125V48H4.28125ZM2.28125 4.5H8.3125V0.5H2.28125V4.5ZM25.375 22.9688V27.9062H29.375V22.9688H25.375ZM27.375 25.9062H7V29.9062H27.375V25.9062ZM9 27.9062V22.9688H5V27.9062H9ZM7 24.9688H27.375V20.9688H7V24.9688ZM28.4688 2.5V7.4375H32.4688V2.5H28.4688ZM30.4688 5.4375H7V9.4375H30.4688V5.4375ZM9 7.4375V2.5H5V7.4375H9ZM7 4.5H30.4688V0.5H7V4.5ZM50.5 34.7188V2.5H46.5V34.7188H50.5ZM48.5 4.5H54.5V0.5H48.5V4.5ZM52.5 2.5V34.7188H56.5V2.5H52.5ZM52.5 34.7188C52.5 37.4474 51.942 39.6043 50.9382 41.2886L54.3743 43.3364C55.8288 40.8957 56.5 37.9901 56.5 34.7188H52.5ZM50.9382 41.2886C49.9067 43.0195 48.496 44.3285 46.6681 45.2424L48.4569 48.8201C50.9624 47.5674 52.9475 45.7305 54.3743 43.3364L50.9382 41.2886ZM46.675 45.2389C44.8474 46.1439 42.691 46.625 40.1562 46.625V50.625C43.2048 50.625 45.9859 50.0436 48.45 48.8236L46.675 45.2389ZM40.1562 46.625C37.5941 46.625 35.3983 46.1858 33.5278 45.3584L31.9097 49.0166C34.3726 50.1059 37.135 50.625 40.1562 50.625V46.625ZM33.5278 45.3584C31.7163 44.5572 30.3306 43.361 29.319 41.7493L25.931 43.8757C27.3777 46.1806 29.3879 47.9011 31.9097 49.0166L33.5278 45.3584ZM29.319 41.7493C28.3399 40.1894 27.7812 38.1162 27.7812 35.4062H23.7812C23.7812 38.6546 24.4518 41.519 25.931 43.8757L29.319 41.7493ZM25.7812 37.4062H31.8125V33.4062H25.7812V37.4062ZM29.8125 35.4062C29.8125 37.555 30.2079 39.5024 31.1421 41.1236L34.6079 39.1264C34.1254 38.2893 33.8125 37.0908 33.8125 35.4062H29.8125ZM31.1421 41.1236C32.0494 42.6979 33.3333 43.8939 34.9667 44.6561L36.6583 41.0314C35.7917 40.627 35.1173 40.0104 34.6079 39.1264L31.1421 41.1236ZM34.9782 44.6614C36.5499 45.3828 38.2897 45.7188 40.1562 45.7188V41.7188C38.7728 41.7188 37.6168 41.4713 36.6468 41.0261L34.9782 44.6614ZM40.1562 45.7188C42.0286 45.7188 43.775 45.3221 45.3474 44.4835L43.4651 40.954C42.5375 41.4488 41.4505 41.7188 40.1562 41.7188V45.7188ZM45.3579 44.4778C46.9859 43.5971 48.2569 42.3004 49.161 40.6471L45.6515 38.7279C45.0973 39.7413 44.3683 40.4654 43.4546 40.9597L45.3579 44.4778ZM49.1672 40.6357C50.0904 38.9212 50.5 36.9197 50.5 34.7188H46.5C46.5 36.4344 46.1804 37.7455 45.6453 38.7393L49.1672 40.6357ZM90.75 4.5H96.75V0.5H90.75V4.5ZM94.75 2.5V33.2812H98.75V2.5H94.75ZM94.75 33.2812C94.75 36.401 94.0579 38.8319 92.807 40.6996L96.1305 42.9254C97.9213 40.2515 98.75 36.9949 98.75 33.2812H94.75ZM92.807 40.6996C91.4959 42.6573 89.7658 44.1226 87.5786 45.1168L89.2339 48.7582C92.0884 47.4607 94.3999 45.5094 96.1305 42.9254L92.807 40.6996ZM87.5855 45.1137C85.3617 46.1144 82.9251 46.625 80.25 46.625V50.625C83.4499 50.625 86.4508 50.0106 89.227 48.7613L87.5855 45.1137ZM80.25 46.625C77.4143 46.625 74.9073 46.1089 72.6957 45.1137L71.0543 48.7613C73.8427 50.0161 76.9191 50.625 80.25 50.625V46.625ZM72.7141 45.122C70.576 44.1338 68.9017 42.6784 67.6516 40.7318L64.2859 42.8932C65.9525 45.4883 68.2157 47.4495 71.0359 48.753L72.7141 45.122ZM67.6586 40.7428C66.472 38.8683 65.8125 36.421 65.8125 33.2812H61.8125C61.8125 36.9748 62.5905 40.215 64.2789 42.8822L67.6586 40.7428ZM65.8125 33.2812V2.5H61.8125V33.2812H65.8125ZM63.8125 4.5H69.7812V0.5H63.8125V4.5ZM67.7812 2.5V33.2812H71.7812V2.5H67.7812ZM67.7812 33.2812C67.7812 35.889 68.2602 38.2156 69.3544 40.1435L72.8331 38.169C72.1773 37.0136 71.7812 35.4235 71.7812 33.2812H67.7812ZM69.3544 40.1435C70.4258 42.0312 71.9455 43.4661 73.8845 44.3968L75.6155 40.7907C74.4295 40.2214 73.5117 39.3646 72.8331 38.169L69.3544 40.1435ZM73.8938 44.4012C75.7907 45.2997 77.9259 45.7188 80.25 45.7188V41.7188C78.4074 41.7188 76.876 41.3878 75.6062 40.7863L73.8938 44.4012ZM80.25 45.7188C82.5907 45.7188 84.7313 45.3012 86.6155 44.3968L84.8845 40.7907C83.6437 41.3863 82.1176 41.7188 80.25 41.7188V45.7188ZM86.6062 44.4012C88.5659 43.4729 90.1014 42.0383 91.1769 40.1435L87.6981 38.169C87.0236 39.3575 86.1007 40.2146 84.8938 40.7863L86.6062 44.4012ZM91.1769 40.1435C92.2711 38.2156 92.75 35.889 92.75 33.2812H88.75C88.75 35.4235 88.3539 37.0136 87.6981 38.169L91.1769 40.1435ZM92.75 33.2812V2.5H88.75V33.2812H92.75ZM124 4.5H129.844V0.5H124V4.5ZM127.988 3.24575L142.894 40.3395L146.606 38.848L131.7 1.75425L127.988 3.24575ZM146.606 40.3381L161.481 3.2444L157.769 1.7556L142.894 38.8494L146.606 40.3381ZM159.625 4.5H165.5V0.5H159.625V4.5ZM163.647 1.7467L145.147 47.2467L148.853 48.7533L167.353 3.2533L163.647 1.7467ZM147 46H142.438V50H147V46ZM144.291 47.2489L125.854 1.74889L122.146 3.25111L140.584 48.7511L144.291 47.2489ZM122.094 4.5H127.25V0.5H122.094V4.5ZM125.251 2.56078L126.095 30.3108L130.093 30.1892L129.249 2.43922L125.251 2.56078ZM126.094 30.25V48H130.094V30.25H126.094ZM128.094 46H122.094V50H128.094V46ZM124.094 48V2.5H120.094V48H124.094ZM162.219 4.5H167.375V0.5H162.219V4.5ZM165.375 2.5V48H169.375V2.5H165.375ZM167.375 46H161.375V50H167.375V46ZM163.375 48V30.25H159.375V48H163.375ZM163.374 30.3108L164.218 2.56078L160.22 2.43922L159.376 30.1892L163.374 30.3108ZM182.438 2.5V48H186.438V2.5H182.438ZM184.438 46H178.406V50H184.438V46ZM180.406 48V2.5H176.406V48H180.406ZM178.406 4.5H184.438V0.5H178.406V4.5ZM199.875 2.5V48H203.875V2.5H199.875ZM201.875 46H195.844V50H201.875V46ZM197.844 48V2.5H193.844V48H197.844ZM195.844 4.5H201.875V0.5H195.844V4.5ZM228.37 5.84845L213.308 47.3172L217.067 48.6828L232.13 7.21405L228.37 5.84845ZM215.188 46H209.031V50H215.188V46ZM210.9 48.7124L228.244 3.21236L224.506 1.78764L207.162 47.2876L210.9 48.7124ZM226.375 4.5H230.344V0.5H226.375V4.5ZM228.344 2.4535L228.251 6.48475L232.249 6.57775L232.343 2.5465L228.344 2.4535ZM244.754 47.3159L229.661 5.8472L225.902 7.2153L240.996 48.6841L244.754 47.3159ZM229.781 6.48475L229.687 2.4535L225.688 2.5465L225.782 6.57775L229.781 6.48475ZM227.688 4.5H231.656V0.5H227.688V4.5ZM229.788 3.2146L247.195 48.7146L250.93 47.2854L233.524 1.7854L229.788 3.2146ZM249.062 46H242.875V50H249.062V46ZM240.094 31.1562V36.0938H244.094V31.1562H240.094ZM242.094 34.0938H216.531V38.0938H242.094V34.0938ZM218.531 36.0938V31.1562H214.531V36.0938H218.531ZM216.531 33.1562H242.094V29.1562H216.531V33.1562Z" fill="white" mask="url(#path-1-outside-1_20_44)"
                stroke="white"
                id="second"
                class="paths"/>
                </svg>
                                    
                                          
        </div>
    
    </div>

    

    <!--background-->
    <img class="bg" src="ICONS\background.png" alt="" />

    <!--header and navbar-->
    <header>
      <nav>
        <ul>
          <li><a class="active" href="#">首頁</a></li>
          <li><a href="resume.html">個人履歷</a></li>
          <li><a href="contact.html">聯絡方式</a></li>
          <li><a href="project">網頁成果</a></li>
        </ul>
      </nav>
    </header>

    <!--introduction and picture-->
    <main>
      <section class="left">
        <h1>
          你好,我是楊茜茹.
        </h1>
        <br>
        <p>
          我是一位正在找尋未來方向的大學生,目前在輔仁大學就讀醫學資訊與創新應用學士學位學程。興趣是攝影,喜歡記錄生活的每一刻。
        </p>
        <p>
          過去我曾在高中社團內擔任幹部,且舉辦成發。另外也有過到偏鄉幫助孩童以及淨灘的經驗。因此我具備了籌辦活動及服務社會的能力。
        </p>
      </section>
      <section class="right">
        <img class="myPic" src="Pictures\portfolio01.jpg" alt="picture" />
      </section>
    </main>

    <!--links for facebook, instagram and youtube-->
    <!-- the icons can be found from https://icons8.com/ -->
    <footer>
      <a href="https://www.facebook.com/dogcherrycat"
        ><img src="ICONS\icons8-facebook-circled.svg" alt="facebook" title="facebook page"
      /></a>
      <a href="https://www.instagram.com/5hienu/">
        <img
          src="ICONS\icons8-instagram.svg"
          alt="instagram"
          title="instagram page"
        /></a>
      
    </footer>
  </body>

上一篇
Day24:CSS-Display(四)
下一篇
Day26:實做練習-履歷
系列文
30天複習網頁前端設計!27
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言