Initial commit

README.md

@@ -0,0 +1,4 @@
+# Personal Website 
+My Personal Website hosted on Github Pages - it is shown as public as a part of the free plan of Github Pages.
+
+You can visit it on: https://hsenbassam.github.io/

css/accordion.css

@@ -0,0 +1,112 @@
+/*=======================================================
+			ACCORDION
+========================================================*/
+.accordion .panel-default .panel-heading .panel-title a:before {
+	content: "\f208";
+	font-family: "Ionicons";
+	padding: 0px;
+	color: #fff;
+	height: 30px;
+	width: 30px;
+	background: #127f7d;
+	border: 1px solid #127f7d;
+	text-align: center;
+	top: 0px;
+	left: 15px;
+	line-height: 29px;
+	position: absolute;
+	font-size: 12px;
+}
+.accordion .panel-default .panel-heading .panel-title a.collapsed:before {
+	content: "\f217";
+	font-family: "Ionicons";
+	background: #fff;
+	color: #333333;
+	border: 1px solid #e6e6e6;
+	-webkit-transition: all 0.4s ease-in-out;
+	-moz-transition: all 0.4s ease-in-out;
+	-o-transition: all 0.4s ease-in-out;
+	-ms-transition: all 0.4s ease-in-out;
+	transition: all 0.4s ease-in-out;
+}
+
+.accordion .panel-default .panel-heading {
+	background-color: #fff;
+	padding: 0px;
+	border-radius: 0px;
+	overflow: hidden;
+}
+.accordion .panel-default .panel-heading a {
+	text-decoration: none;
+	font-size: 13px;
+	width: 100%;
+	font-weight: 600;
+	color: #808080;
+	background: #fff;
+	padding: 5px 0px;
+	padding-left: 40px;
+	line-height: 20px;
+	display: inline-block;
+	text-transform: none;
+	border-radius: 20px;
+}
+.accordion .panel-default .panel-heading .panel-title a.collapsed:hover:before {
+	background: #127f7d;
+	border: 1px solid #127f7d;
+	color: #fff;
+}
+.accordion .panel {
+	box-shadow: none;
+	border-radius: 0px;
+	margin-bottom: 30px;
+	position: relative;
+	border: none;
+	margin-top: 0px;
+}
+.accordion .panel-body p {
+	font-size: 13px;
+	margin-bottom: 0px;
+	letter-spacing: 0px;
+}
+.accordion .panel-body {
+	color: #808080;
+	padding: 0px;
+	padding-top: 15px;
+	line-height: 24px;
+	font-size: 13px;
+}
+.accordion .panel-default>.panel-heading+.panel-collapse>.panel-body {
+	border: none;
+}
+
+.progress-bar {
+	background: #127f7d;
+}
+
+
+ul#helvetilist {
+	list-style: none;
+   padding: 0;
+}
+
+ul#helvetilist li  {
+	font-weight: bold;
+	margin: 0;
+	padding: 0px 10px 5px 20px;
+	border-bottom: 1px solid #ccc;
+	*color: #666;
+}
+
+ul#helvetilist li :last-child {
+  border: none;
+}
+
+ul#helvetilist li:hover {
+	color: #127f7d;
+	background-color: #ddd;
+}
+.lang {
+	padding-left:20px;
+	color:#127f7d;
+	margin-bottom: 30px;
+}

css/backtotop.css

@@ -0,0 +1,53 @@
+
+
+.cd-top {
+  display: inline-block;
+  height: 40px;
+  width: 40px;
+  position: fixed;
+  bottom: 40px;
+  right: 10px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
+  /* image replacement properties */
+  overflow: hidden;
+  text-indent: 100%;
+  white-space: nowrap;
+  background: #127f7d url(../img/cd-top-arrow.svg) no-repeat center 50%;
+  visibility: hidden;
+  opacity: 0;
+  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
+  -moz-transition: opacity .3s 0s, visibility 0s .3s;
+  transition: opacity .3s 0s, visibility 0s .3s;
+}
+.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
+  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
+  -moz-transition: opacity .3s 0s, visibility 0s 0s;
+  transition: opacity .3s 0s, visibility 0s 0s;
+}
+.cd-top.cd-is-visible {
+  /* the button becomes visible */
+  visibility: visible;
+  opacity: 1;
+}
+.cd-top.cd-fade-out {
+  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
+  opacity: .5;
+}
+.no-touch .cd-top:hover {
+  background-color: #127f7d;
+  opacity: 1;
+}
+@media only screen and (min-width: 768px) {
+  .cd-top {
+    right: 20px;
+    bottom: 20px;
+  }
+}
+@media only screen and (min-width: 1024px) {
+  .cd-top {
+    height: 60px;
+    width: 60px;
+    right: 30px;
+    bottom: 30px;
+  }
+}