diff --git a/img/credits.txt b/img/credits.txt new file mode 100644 index 0000000..84d5116 --- /dev/null +++ b/img/credits.txt @@ -0,0 +1 @@ +logo =
Icons made by Freepik from www.flaticon.com
\ No newline at end of file diff --git a/img/logo.svg b/img/logo.svg new file mode 100644 index 0000000..1fd4067 --- /dev/null +++ b/img/logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/test.jpg b/img/test.jpg new file mode 100644 index 0000000..0906c3b Binary files /dev/null and b/img/test.jpg differ diff --git a/index.php b/index.php index 8ae5d9a..e73c3ca 100644 --- a/index.php +++ b/index.php @@ -9,10 +9,13 @@
-

AllNews.com

+
+ +

AllNews.com

+
-
+
+ +
+

Title

+
+ +

Content... Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut numquam accusamus, voluptas vel et corrupti, dolore maxime ipsum veritatis quae obcaecati magni provident iure possimus praesentium animi debitis, quos consequuntur. Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, reprehenderit. Voluptatem inventore est necessitatibus blanditiis? Voluptatem pariatur fuga officiis minus, excepturi laudantium assumenda enim, rem officia quis obcaecati facilis consequuntur? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur facilis odio blanditiis perspiciatis quaerat quos magni dolor praesentium repellat officia fugit eum natus, impedit quis, quo optio? Similique, temporibus delectus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque dicta quia minima! Harum, alias maxime, architecto debitis distinctio amet assumenda, fugiat iure quis nesciunt ut laboriosam rem voluptatibus aspernatur nobis!

+
+
diff --git a/style.css b/style.css index 6730f95..90eef02 100644 --- a/style.css +++ b/style.css @@ -4,16 +4,82 @@ } html { - font-family: Arial, Helvetica, sans-serif; + font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + background-color: #9dd3ff; + width: 100%; + height: 100%; } header { padding-top: 4vh; padding-bottom: 4vh; + padding-left: 3vw; display: flex; - justify-content: center; - background-color: #00000050; - color: white; + align-items: center; + /*justify-content: center;*/ + color: #000000; user-select: none; + border-bottom: #000000 solid 1px; +} + +.name { + display: flex; + align-items: center; + padding-top: 1vh; + padding-bottom: 1vh; +} + +.name h1 { + font-style: italic; + color: #000000; + margin-left: 1vw; + font-size: 45px; +} + +.logo { + color: #62b0f0; + width: 50px; + height: 50px; +} + +.card-container { + display: flex; + flex-direction: column; + align-items: center; +} + + +.card { + padding-left: 2vw; + padding-right: 2vw; + padding-top: 2vh; + padding-bottom: 2vh; + width: 70vw; + height: 13vh; + background-color: #ffffff; + border-radius: 15px; +} + +.card h2 { + font-size: 30pt; + margin-bottom: 1vh; +} + +.card .bottom-part { + display: flex; + align-items: center; +} + +.card img { + width: 70px; + height: 70px; + object-fit: cover; + margin-right: 2vw; +} + +.card h3 { + font-size: 11pt; + height: 7vh; + overflow: hidden; }