Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
87 lines (86 loc) · 12.2 KB
/
Copy pathindex.html
File metadata and controls
87 lines (86 loc) · 12.2 KB
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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="Front-end, Web, Developer, front-end web developer, Montreal">
<title>Alex Shoucri</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="icon" href="a-icon.png">
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:300" rel="stylesheet">
<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="container">
<div class="box-name">
<svg id="Layer_1" x="0px" y="0px" viewBox="0 0 725 100" xml:space="preserve" height="100%" width="90%" class="alexandra">
<style type="text/css" id="style3">
.st0{fill:none;stroke:#CA0E8D;stroke-width:0.9;stroke-miterlimit:10;} .st1{fill:none;stroke:#BE138E;stroke-width:0.9;stroke-miterlimit:10;} .st2{fill:none;stroke:#EB008C;stroke-width:0.9;stroke-miterlimit:10;} .st3{fill:none;stroke:#91268F;stroke-width:0.9;stroke-miterlimit:10;} .st4{fill:none;stroke:#E0058C;stroke-width:0.9;stroke-miterlimit:10;} .st5{fill:none;stroke:#D40A8D;stroke-width:0.9;stroke-miterlimit:10;} .st6{fill:none;stroke:#A71D8E;stroke-width:0.9;stroke-miterlimit:10;} .st7{fill:none;stroke:#B3188E;stroke-width:0.9;stroke-miterlimit:10;} .st8{fill:none;stroke:#9C218F;stroke-width:0.9;stroke-miterlimit:10;} .st9{fill:none;stroke:#93278F;stroke-width:0.9;stroke-miterlimit:10;}
</style>
<g id="XMLID_28_" transform="translate(-114.323,-229.07994)">
<g id="XMLID_29_">
<path id="XMLID_32_" class="st0 HgyiEcxw_0 qJudcPDl_0" d="M 371.2,279 349.9,246.1" inkscape:connector-curvature="0" style="stroke-dasharray:40, 42;stroke-dashoffset:41"></path>
<path id="XMLID_33_" class="st0 HgyiEcxw_1 qJudcPDl_1" d="m 371.7,279.9 c -0.1,0.2 -21.7,34 -21.7,34" inkscape:connector-curvature="0" style="stroke-dasharray:41, 43;stroke-dashoffset:42"></path>
<path id="XMLID_30_" class="st0 HgyiEcxw_2 qJudcPDl_2" d="m 394,246.1 -21.1,33 c 0,0 18.9,29 22.7,34.8" inkscape:connector-curvature="0" style="stroke-dasharray:81, 83;stroke-dashoffset:82"></path>
</g>
</g>
<path id="XMLID_35_" class="st1 HgyiEcxw_3 qJudcPDl_3" d="m 368.977,83.520063 -15.6,-32.7 -17.6,27.3 0,0 -17.6,-27.3 -15.5,32.7" inkscape:connector-curvature="0" style="stroke-dasharray:138, 140;stroke-dashoffset:139"></path>
<path id="XMLID_26_" class="st1 HgyiEcxw_4 qJudcPDl_4" d="m 319.277,48.520063 16.5,-34.599998 16.6,34.599998" inkscape:connector-curvature="0" style="stroke-dasharray:77, 79;stroke-dashoffset:78"></path>
<g id="XMLID_13_" transform="translate(-114.323,-229.07994)">
<path id="XMLID_34_" class="st2 HgyiEcxw_5 qJudcPDl_5" d="m 165.8,281.2 c 0,0 -16.5,26.4 -16.6,26 -0.2,0.4 -16.6,-26 -16.6,-26" inkscape:connector-curvature="0" style="stroke-dasharray:62, 64;stroke-dashoffset:63"></path>
<path id="XMLID_25_" class="st2 HgyiEcxw_6 qJudcPDl_6" d="m 115.3,313.9 c 6,-11.8 33.9,-70.9 33.9,-70.9 0,0 27.9,59.1 33.9,70.9" inkscape:connector-curvature="0" style="stroke-dasharray:158, 160;stroke-dashoffset:159"></path>
</g>
<g id="XMLID_10_" transform="translate(-114.323,-229.07994)">
<path id="XMLID_46_" class="st3 HgyiEcxw_7 qJudcPDl_7" d="m 820.6,281.2 c 0,0 -16.5,26.4 -16.6,26 -0.2,0.4 -16.6,-26 -16.6,-26" inkscape:connector-curvature="0" style="stroke-dasharray:62, 64;stroke-dashoffset:63"></path>
<path id="XMLID_42_" class="st3 HgyiEcxw_8 qJudcPDl_8" d="m 770.1,313.9 c 6,-11.8 33.9,-70.9 33.9,-70.9 0,0 27.9,59.1 33.9,70.9" inkscape:connector-curvature="0" style="stroke-dasharray:158, 160;stroke-dashoffset:159"></path>
</g>
<path id="XMLID_31_" class="st4 HgyiEcxw_9 qJudcPDl_9" d="m 134.477,84.820063 -40.500001,0 0,-67.799998 1.3,0 15.800001,66.399998" inkscape:connector-curvature="0" style="stroke-dasharray:178, 180;stroke-dashoffset:179"></path>
<path id="XMLID_24_" class="st5 HgyiEcxw_10 qJudcPDl_10" d="m 204.977,17.420065 -39.8,0 0,26.999998 36,0 0,1.4 -36,13.5 0,25.1 41.2,0" inkscape:connector-curvature="0" style="stroke-dasharray:209, 211;stroke-dashoffset:210"></path>
<path id="XMLID_16_" class="st6 HgyiEcxw_11 qJudcPDl_11" d="m 515.577,18.520065 0,0 -18.4,52.999998 0,13.3 20.8,0 c 4.6,0 9,-0.8 13.2,-2.4 4.1,-1.6 7.7,-3.8 10.8,-6.8 3.1,-2.9 5.6,-6.5 7.4,-10.7 1.8,-4.2 2.7,-8.9 2.7,-14 0,-3.8 -0.7,-7.7 -2,-11.699998 -1.3,-4 -3.5,-7.6 -6.4,-10.9 -3,-3.3 -6.8,-6 -11.6,-8.1 -4.7,-2.1 -10.5,-3.1 -17.4,-3.1 l -17.5,0 0,48.799998" inkscape:connector-curvature="0" style="stroke-dasharray:268, 270;stroke-dashoffset:269"></path>
<path id="XMLID_36_" class="st7 HgyiEcxw_12 qJudcPDl_12" d="m 452.877,84.620063 -54.2,-70.699998 0,70.899998" inkscape:connector-curvature="0" style="stroke-dasharray:160, 162;stroke-dashoffset:161"></path>
<path id="XMLID_20_" class="st7 HgyiEcxw_13 qJudcPDl_13" d="m 399.977,47.120063 54,40.8 0,-70.899998" inkscape:connector-curvature="0" style="stroke-dasharray:139, 141;stroke-dashoffset:140"></path>
<path id="XMLID_39_" class="st8 HgyiEcxw_14 qJudcPDl_14" d="m 606.577,53.720063 c 2.7,0 5,-0.4 7.1,-1 l 19,32.1" inkscape:connector-curvature="0" style="stroke-dasharray:45, 47;stroke-dashoffset:46"></path>
<path id="XMLID_19_" class="st9 HgyiEcxw_15 qJudcPDl_15" d="m 615.077,52.420063 c 0.3,-0.1 0.6,-0.1 0.9,-0.3 2.6,-1.1 4.8,-2.5 6.4,-4.2 1.7,-1.7 2.9,-3.7 3.7,-6 0.8,-2.299998 1.2,-4.599998 1.2,-7.099998 0,-3.4 -0.7,-6.2 -2,-8.4 -1.3,-2.3 -3,-4.1 -4.9,-5.5 -1.9,-1.4 -4,-2.4 -6.3,-3 -2.3,-0.6 -4.3,-0.9 -6.2,-0.9 l -20.9,0 0,67.799998 0.9,0 0.4,0 0,0 0,0 15.9,-66.399998" inkscape:connector-curvature="0" style="stroke-dasharray:211, 213;stroke-dashoffset:212"></path>
<path id="XMLID_23_" class="st0 HgyiEcxw_16 qJudcPDl_16" d="m 597.877,53.720063 8.7,0" inkscape:connector-curvature="0" style="stroke-dasharray:9, 11;stroke-dashoffset:10"></path>
<style id="style26">.HgyiEcxw_0{stroke-dasharray:40 42;stroke-dashoffset:41;animation:HgyiEcxw_draw 1333ms ease-in-out 0ms forwards;}.HgyiEcxw_1{stroke-dasharray:41 43;stroke-dashoffset:42;animation:HgyiEcxw_draw 1333ms ease-in-out 41ms forwards;}.HgyiEcxw_2{stroke-dasharray:81 83;stroke-dashoffset:82;animation:HgyiEcxw_draw 1333ms ease-in-out 83ms forwards;}.HgyiEcxw_3{stroke-dasharray:138 140;stroke-dashoffset:139;animation:HgyiEcxw_draw 1333ms ease-in-out 125ms forwards;}.HgyiEcxw_4{stroke-dasharray:77 79;stroke-dashoffset:78;animation:HgyiEcxw_draw 1333ms ease-in-out 166ms forwards;}.HgyiEcxw_5{stroke-dasharray:62 64;stroke-dashoffset:63;animation:HgyiEcxw_draw 1333ms ease-in-out 208ms forwards;}.HgyiEcxw_6{stroke-dasharray:158 160;stroke-dashoffset:159;animation:HgyiEcxw_draw 1333ms ease-in-out 250ms forwards;}.HgyiEcxw_7{stroke-dasharray:62 64;stroke-dashoffset:63;animation:HgyiEcxw_draw 1333ms ease-in-out 291ms forwards;}.HgyiEcxw_8{stroke-dasharray:158 160;stroke-dashoffset:159;animation:HgyiEcxw_draw 1333ms ease-in-out 333ms forwards;}.HgyiEcxw_9{stroke-dasharray:178 180;stroke-dashoffset:179;animation:HgyiEcxw_draw 1333ms ease-in-out 375ms forwards;}.HgyiEcxw_10{stroke-dasharray:209 211;stroke-dashoffset:210;animation:HgyiEcxw_draw 1333ms ease-in-out 416ms forwards;}.HgyiEcxw_11{stroke-dasharray:268 270;stroke-dashoffset:269;animation:HgyiEcxw_draw 1333ms ease-in-out 458ms forwards;}.HgyiEcxw_12{stroke-dasharray:160 162;stroke-dashoffset:161;animation:HgyiEcxw_draw 1333ms ease-in-out 500ms forwards;}.HgyiEcxw_13{stroke-dasharray:139 141;stroke-dashoffset:140;animation:HgyiEcxw_draw 1333ms ease-in-out 541ms forwards;}.HgyiEcxw_14{stroke-dasharray:45 47;stroke-dashoffset:46;animation:HgyiEcxw_draw 1333ms ease-in-out 583ms forwards;}.HgyiEcxw_15{stroke-dasharray:211 213;stroke-dashoffset:212;animation:HgyiEcxw_draw 1333ms ease-in-out 625ms forwards;}.HgyiEcxw_16{stroke-dasharray:9 11;stroke-dashoffset:10;animation:HgyiEcxw_draw 1333ms ease-in-out 666ms forwards;}@keyframes HgyiEcxw_draw{100%{stroke-dashoffset:0;}}@keyframes HgyiEcxw_fade{0%{stroke-opacity:1;}93.54838709677419%{stroke-opacity:1;}100%{stroke-opacity:0;}}</style><style>.qJudcPDl_0{stroke-dasharray:40 42;stroke-dashoffset:41;animation:qJudcPDl_draw 1750ms ease-in-out 0ms forwards;}.qJudcPDl_1{stroke-dasharray:41 43;stroke-dashoffset:42;animation:qJudcPDl_draw 1750ms ease-in-out 0ms forwards;}.qJudcPDl_2{stroke-dasharray:81 83;stroke-dashoffset:82;animation:qJudcPDl_draw 1750ms ease-in-out 0ms forwards;}.qJudcPDl_3{stroke-dasharray:138 140;stroke-dashoffset:139;animation:qJudcPDl_draw 1750ms ease-in-out 0ms forwards;}.qJudcPDl_4{stroke-dasharray:77 79;stroke-dashoffset:78;animation:qJudcPDl_draw 1750ms ease-in-out 0ms forwards;}.qJudcPDl_5{stroke-dasharray:62 64;stroke-dashoffset:63;animation:qJudcPDl_draw 1750ms ease-in-out 0ms forwards;}.qJudcPDl_6{stroke-dasharray:158 160;stroke-dashoffset:159;animation:qJudcPDl_draw 1750ms ease-in-out 0ms forwards;}.qJudcPDl_7{stroke-dasharray:62 64;stroke-dashoffset:63;animation:qJudcPDl_draw 1750ms ease-in-out 0ms forwards;}.qJudcPDl_8{stroke-dasharray:158 160;stroke-dashoffset:159;animation:qJudcPDl_draw 1750ms ease-in-out 0ms forwards;}.qJudcPDl_9{stroke-dasharray:178 180;stroke-dashoffset:179;animation:qJudcPDl_draw 1750ms ease-in-out 0ms forwards;}.qJudcPDl_10{stroke-dasharray:209 211;stroke-dashoffset:210;animation:qJudcPDl_draw 1750ms ease-in-out 0ms forwards;}.qJudcPDl_11{stroke-dasharray:268 270;stroke-dashoffset:269;animation:qJudcPDl_draw 1750ms ease-in-out 0ms forwards;}.qJudcPDl_12{stroke-dasharray:160 162;stroke-dashoffset:161;animation:qJudcPDl_draw 1750ms ease-in-out 0ms forwards;}.qJudcPDl_13{stroke-dasharray:139 141;stroke-dashoffset:140;animation:qJudcPDl_draw 1750ms ease-in-out 0ms forwards;}.qJudcPDl_14{stroke-dasharray:45 47;stroke-dashoffset:46;animation:qJudcPDl_draw 1750ms ease-in-out 0ms forwards;}.qJudcPDl_15{stroke-dasharray:211 213;stroke-dashoffset:212;animation:qJudcPDl_draw 1750ms ease-in-out 0ms forwards;}.qJudcPDl_16{stroke-dasharray:9 11;stroke-dashoffset:10;animation:qJudcPDl_draw 1750ms ease-in-out 0ms forwards;}@keyframes qJudcPDl_draw{100%{stroke-dashoffset:0;}}@keyframes qJudcPDl_fade{0%{stroke-opacity:1;}95.1219512195122%{stroke-opacity:1;}100%{stroke-opacity:0;}}
</style>
</svg>
</div>
<div class="bio-box" style="visibility: hidden;">
<h1 class="name"><span class="gradient">Alex Shoucri</span><span class="gradient dash"> — </span><span class="gradient"> Web Developer</span></h1>
<div class="short-bio gradient">
<p class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12">I am a self-taught developer from Montreal, QC, with a background in engineering. I am a curious individual who is passionate about science, math and technology... Yep! I'm a nerd. For more information, check out my GitHub or LinkedIn profiles.</p>
</div>
<div class="outer-box">
<div class="contact gradient">
<div class="icon-box">
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-xs-6"><a href="https://github.com/ashouc" target="_blank"><i class="icon fa fa-github" aria-hidden="true"></i></a></div>
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-xs-6"><a href="https://www.linkedin.com/in/ashoucri/" target="_blank"><i class="icon fa fa-linkedin" aria-hidden="true"></i></a></div>
</div>
</div>
</div>
<div class="outer-box">
<div class="box">
<div id="one" indicator="true" class="shadow outside"><div class="inside"></div></div>
<div id="two" indicator="true" class="shadow outside"><div class="inside"></div></div>
<div id="three" indicator="true" class="shadow outside"><div class="inside"></div></div>
<div id="four" indicator="true" class="shadow outside"><div class="inside"></div></div>
<div id="five" indicator="true" class="circle"><div class="rotate"><i class="gradient fa fa-superpowers"></i></div></div>
</div>
</div>
</div>
<footer>
<div class="footer-inner">
<div class="footer-row gradient">
<p>Designed by <a href="https://www.micadesign.ca/" target="_blank">Mica Design</a>. Made with coffee, music & love in beautiful Montreal. alex.shoucri.<script>document.write(new Date().getFullYear())</script></p>
</div>
</div>
</footer>
</div>
</body>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vivus/0.4.1/vivus.min.js"></script>
<script src="script.js"></script>
</body>
</html>