-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
61 lines (55 loc) · 7.37 KB
/
index.html
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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Github Pages Site</title>
<link rel="stylesheet" href="mystyle.css">
</head>
<body>
<div id="intro">
<h1>Sandra Lasso<br /> <span>Web Designer</span></h1>
</div>
<nav>
<div>
<a href="#intro">Home</a>
<a href="#about">About</a>
<a href="#work">Portfolio</a>
<a href="#contact">Contact</a>
</div>
</nav>
<div class="coloredGround" id="about">
<img src="https://lh3.googleusercontent.com/lxg0TwKa5NwO6L6v4xU7yzo8Y5o1unICUD1o4_VQyXL5wc7VSGPnqXGusqHfYTlr1Ya3XYqPnw--xKezMp9Ejzl3bdRI1N2ehBOszOXwXvz_ySJPEHmQdoi2SWp1IjlMElOEkftAdb3ZLR8xwH9TkbnlFeDRgrNLiJNXoP5JSa2kpG30_2YrtN3NDr3PjgoUsrNr0EwIcJkiXsrT1L1iskVX3BqfPEcfQx-SLCRABpvKyTWoNARbq7q0D0H3X2CF4M61cSkZEaMvgFFC4B2jWeJcrGaxTkOg_MYuJoNuV7kAV1AVZ3PniA5I_2DQfJyaX8hUANuCIw5-JVmkojgRTgN_K1WT4ea27w5k1WPsbi0YK5pHN-JgHFJL26ClviBgUSLbit0lY67WU6piq5nHjhgpvZOPhhlMofjBIwdbFBpTuxfGCxzd-XVziZHw471JFaGm9TIWz1-pko6tMBuJ77lE3Zccw_4YiM9FnIvfK01l5tHbq2PtZ-l8acwVoBXDU76jNM6TgUo1qW5bW0z4ULMnVryeVqL8Nqvk0AQmqAU1iOASvBhsfzTk4XP8VAckvdu64tNZxcGSJOJSzBUi_e6BLcm5vlZNrR-A_NKTX83aV3CPU14mIai5QO5GkT-nw9Xor9QF1iYd6WOtSYsPXxcFsNDSJjR_1KjdvL0_mdeuAJAggusWWcDs7mwRzA=s1270-no?authuser=0" alt="my photo" />
<h2> About Me </h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tristique dolor vitae tellus porttitor tincidunt. Nulla in metus nibh. Morbi ac diam ipsum. Duis aliquam libero in magna venenatis, ac varius nulla ornare. Nam vehicula leo a mauris iaculis, eget sagittis justo rutrum. Aliquam suscipit, est ut hendrerit tristique, sapien nibh convallis risus, ac porttitor mi nisi eu mi. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi scelerisque ut eros placerat viverra.<br/><br/>
Vivamus feugiat turpis nec risus aliquam vulputate. Nunc eget massa aliquet, pharetra ex vel, interdum justo. Sed eleifend, nisl vel euismod imperdiet, nunc ante porttitor risus, eget scelerisque mi magna sit amet nibh. Phasellus pellentesque nunc ligula, sodales varius eros ornare sit amet. In non lacus rutrum, cursus quam a, semper eros. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam sit amet ipsum quam. Nam a rhoncus magna. Praesent sed nulla augue. Sed scelerisque neque sit amet est rutrum, in accumsan augue eleifend.</p>
</div>
<!-- READY MADE CODE FROM HERE DOWN -->
<div class="imageGround first">
</div>
<div id="work">
<h2>My work</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque finibus in nisi et venenatis. Phasellus vehicula lacus dolor, nec dignissim neque ultricies vel. Duis id diam ex. Vestibulum condimentum id turpis vitae dictum. Morbi eu nibh id lectus faucibus scelerisque sit amet vel tortor. Suspendisse libero erat, tincidunt in sollicitudin ut, tincidunt quis est. In hac habitasse platea dictumst. Cras quis erat at dui vehicula consectetur. Proin varius purus vitae pulvinar pretium. Praesent lacus tortor, fermentum quis ultrices ac, aliquet ac nisi. Aliquam eu mauris lacus. Integer massa nisi, pulvinar eget dignissim et, accumsan sed enim.</p>
<div class="iconaiter">
<img class="icons" src="https://lh3.googleusercontent.com/mm9IazyXPJendTnouC0OuvcA9lKNOtdXB2l-PHh1rwnC7JeP08MVI0tXDbwWMdg5ie26feiwYiynJlVTmfm4wlpIRK7V6YbMJxkc3R5bKh6Buq5g5SWx0YdjqR6fls2vGGAQ3AcLzBkjGZx0xhlZ-0iBxB7Mr3_pgDIk92xDAqK_MAw0GK3GRdshUY_mWpQIdK_X8s0Q9CDOjAX9fZB4jKf0VZgM5I5p1BTsVtsPIEIbp4qZqTq6nfPNGGU7SMKhgPx3OD5azNTg91LA7BUlCQ3xKDAMFr386MjgYtyvoi_95Tmi2ifVBcrXWI96R90-lz4NN50BkUotOZLwTc78Ckufzt4xX7Vc7xs8o2W16pCkvfBmRpVQ699VEQX_RNuPWwsRztju1FqWCRinToqWK7jAIKZIvkIKFnsmkSfILDvPdahBGG9x8d-v0cVI_rfJQZWl6BkJIHoBVsuOkktwIqNGntLpF7gb23_8Qd4T7OTlQTHTZNZ98JX0BKinPVGjdlqBP7Us5jK8IPb17JAGLy_RQfSF2ICnkjZ0QRzQCt0e-xCGEEJVI7bpeVS6KIhjKAAuhG2Fy2uAzA4H8oeNSzK7XyX05sGMfWkoTSBOis5lxFs_wTO80KjLZdutVAYwiWwZEZn9Xwa1oZBIZH72-OAagb4-Ik1Cf1kPl2PhT58IS7wDm13fpJtZJ5jjSw=s1372-no?authuser=0" alt="design icon"/>
<img class="icons" src="https://lh3.googleusercontent.com/pmjbIY7kmxJGEXToI08UOo2QzioUnwYjNG7X2XtR490w19LcUn_qy2HBaZQhO3XGR1DoD9xYfOkKtWt5f9jn-tflgVWK1kjSjYF3dwLcAi_NimeduIcP_nlExYtFVBh-DNFZVKbjGFaiRd2poD64BnVeBx4rraAK7QVCuYgJbHWTAfSJz3n4e7F2LGvWjCkPDcx33Mo9fLc_X5Yftr7uhRZ7-KIGJjysY6LzfyERTublCQes7F_9Xn-FSep1EfFz3Y5vMGYIMAd-UnfySoOwPod-wKsLaSeBSWxJc_aHVBdQ65wrwAO25jDkkX4JqlJd3nM7U6O65ln0mRsMDMbzpJxmldQrbjFQ-IAuHkSk5kAc4SxFKNOKPhlTYCjF_qPESDrjz_D5Nyapby6eC5iBc53rHkGPOUhmZ8Te7YomyCf8XjLq4JlDyGNzRM8MO0uF4mJwaCo3UOWeZt91J4SD5hW_tM_kf8HUsaeaeFZ_2T4URaHEunpgt1lEQhG3vrR2GvU-T7-5CTDFGXTcdO1zR20IywKx-Cm3gydH1jh3RRgMYkCxKUb65QJmsLbnmYhWiejfJP58UskuDJ21HeqfXFr-0m0Z4bGAKm_W-93kHDUhOiy2P1Nz_4O1t0Rfsjf_9Z9njbR0otJ_LfUi8YcK5KfPuL7NEj2Q5daWW7gV9KpgD_goRcI7QMOqoXBM6A=w1420-h1372-no?authuser=0" alt="dev icon"/>
<img class="icons" src="https://lh3.googleusercontent.com/zLU5ZtsVJ-O1dlfiBygOIaInyz9ix1JmibDpU0W9tTLWCD9jaTo8f014FThilf92nhC9S4uNKmOOtlZv51Iq4PxOMCZFzjzJbJYEnrBEujrnp-k-fjybQ-O4SIliexKnGfuGD9F4n9L9j-NDV5482WP_XEMXkLXxzo1RkCul0NRPNy9wFxo1bFhRl0X4P4z16Uyrb9qg245m0VMTAvqM-CjnEO1mcR647B1nn4_f0OJW2AVxjLrheDc1KV1NG9KkhmnXflonCfIdalMhMOCv_Lhisx_XcHTZWcXCAEdTLOGp5LIKoBnCcNSeAF98b0oitbV-JTtg7TfvJsrVevEqZnsl8GSmXOEuuoTMJVW0a4QfeZlAGs_ptlSt7XdDGAHC07r-tHXkWLCFI9kr0eXQbhiADR9ypJvWcyD_mTl5YqqcRHamXsC2IonIKyQuGhEzUUHr1YziD9aOfUWWKdDUPkJ3_eNkklQTZJkv6YZsStvf_LIOEdb3xCRpWdWvsmN7qxYwxXA2N22CZdDk5m18MkHYHamt0vDMCp0pMbbotpKyvsyI0LpGNWfQwE8r4PqezkKLTerBi88wXbPfbWqjU5e494Uoc7QEHfLaETaOENMut3WF1EmBnfX_ThspbfQ-xHRheqSzoCxsHDDemL9FcJoMwGb6daLnI-rB94FoxEy4UT0WFXFsA1P9Xu5YEg=w1420-h1372-no?authuser=0" alt="art icon"/>
<a href="#">Web Design</a>
<a href="#">Web Development</a>
<a href="#">Artwork</a>
</div>
</div>
<div class="imageGround second">
<div id="contact" class="coloredGround">
<div id="button">
<img src="https://lh3.googleusercontent.com/hAMypl-Pf2twegDsRcWZ7H-tF9Po3jWzRzqt6Htq1oEEv_HB-tY1EEZWIXAZd6EjE5J3pd4p__-bDjx8uxj6kKH_UIHwX6Gq0KFACeESNcsq7KXhPGd1fYLQHjBaXPQvd43NGEaO_Csfx9mjY0iqxvUjN3kRIX8FfPzq4OrUO2LB3_lKho74W4E75sl3q4bnDauh_J4_pB15iiTI-4k77WwYJjQXpC-qeARjxXlYEk2JvYb22VWFLLHcbhVU4s5NUqLqkmqhz6LIMrjAVRNpHUlg3e4ugDIvbTa6X4h9xdLpxqcGCrIH3eUsgcoG6hMjvg9RebrsA58_wgZN_2t3ga40OQjvxKFaKAtLW8gBZntm33deUY8wIeow9IlDnjT-L5rU6VfOyKb1OAB5DiYz-XGLOy8V8kn6gDLXMTq7FBDdDcyj37MOK9yAoM3vY16x-HDesBbEs3vnjGtyyyNNOYFPQP-2TKHeiSwmj-DJ2YPqUNhDFO0SaL-65ciGPwIjtJLmilYQ4glMEVA4PKONsa2LXTpkcyIZhKvLuV0Q0-wLsq-6xrcqyQ8pE-9-wGvoF2PCxzMsy9rWN-ixuWn0PtZ9hGo7zeOpO0plsz9hudTXxxfemaEJ6XNUYTUXU40l5NAZuAcAsjCZNUDaebI0ArrdjLveq2KyoxeUj7cV8s0O5Nw0gus0p7IfOKsyfg=s75-no?authuser=0" alt="email icon" />
<a href="mailto:example@email.com">Contact me</a>
</div>
</div>
</div>
<footer>
<p>© Sandra Lasso for Hack Duke - December 2020
<p>Icons made by <a href="https://www.flaticon.com/authors/iconixar" title="iconixar">iconixar</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></p>
</footer>
</body>
</html>