commit a14e5421e4bcf245c098f287a52a53dccd8e6f81 Author: FrancescoCeliento Date: Sat Dec 19 09:43:44 2020 +0100 first commit diff --git a/LOGO.png b/LOGO.png new file mode 100644 index 0000000..9c5dd87 Binary files /dev/null and b/LOGO.png differ diff --git a/index.php b/index.php new file mode 100644 index 0000000..a6ecd04 --- /dev/null +++ b/index.php @@ -0,0 +1,78 @@ + + + + + + + Search for planet + + + +
+
+
    + +
  • No Cookie
    • +
  • No Profiling
    • +
  • No Script
    • +
  • No Track
    • +
+
+
+
+ +
+ +
+
+ +
+
+
+
+ +
+
+
+
+
+ +
+
+
+ + + + + + + diff --git a/search-icon.png b/search-icon.png new file mode 100644 index 0000000..2b2fac5 Binary files /dev/null and b/search-icon.png differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..e0fd8b3 --- /dev/null +++ b/style.css @@ -0,0 +1,155 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'arial', sans-serif; +} + +section { + position: relative; + width: 100%; + display: flex; + justify-content: center; + align-items: center; + min-height: 100vh; +} + +section header { + position: absolute; + top: 0; + width: 100%; + display: flex; + justify-content: flex-end; + padding: 20px; +} + +section header ul { + display: flex; + justify-content: center; + align-items: center; +} + +section header ul li { + list-style: none; + margin-left: 20px; + +} + +section header ul li a { + color: #111; + text-decoration: none; + font-size: 13px; +} + +section .main { + width: 580px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +section .main .form { + width: 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +section .main .form .searchBox { + position: relative; + width: 100%; + margin-top: 20px; +} + +section .main .form .searchBox .search { + width: 100%; + padding: 13px; + padding-left: 45px; + padding-right: 60px; + border-radius: 30px; + border: 1px solid #ccc; + outline: none; + font-size: 16px; +} + +section .main .form .searchBox .icons { + position: absolute; + top: 0; + width: 100%; + display: flex; + padding: 12px 20px; + justify-content: space-between; + align-items: center; + pointer-events: none; +} + +section .main .form .buttons { + margin-top: 20px; + align-items: center; +} + +section .main .form .buttons button { + margin: 0 5px; + padding: 12px 20px; + color: #555; + font-size: 14px; + border: none; + cursor: pointer; + border-radius: 4px; + border: 1px solid transparent; + outline: none; +} + +section .main .form .buttons button:hover { + border: 1px solid #ccc; +} + +section .footer { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + background: #f2f2f2; +} + +section .footer .row { + padding: 15px 25px; + border-top: 1px solid rgba(0,0,0,0.05); + +} + +section .footer .row { + padding: 15px 25px; + border-top: 1px solid rgba(0,0,0,0.05); +} + +section .footer .row.row2 { + display: flex; + justify-content: space-between; + +} + +section .footer .row.row2 ul { + display: flex; +} + +section .footer .row.row2 ul li { + list-style: none; +} + +section .footer .row.row2 ul li a { + text-decoration: none; + font-size: 14px; + color: #5f6368; + margin-right: 25px; +} + +section .footer .row.row2 ul:nth-child(2) li a { + text-decoration: none; + font-size: 14px; + color: #5f6368; + margin-right: 0px; + margin-left: 25px; +}