diff --git a/Groupdocs photo.jpeg b/Groupdocs photo.jpeg new file mode 100644 index 00000000..ad9d9fa0 Binary files /dev/null and b/Groupdocs photo.jpeg differ diff --git a/Groupdocs photo.jpeg.crdownload b/Groupdocs photo.jpeg.crdownload new file mode 100644 index 00000000..ad9d9fa0 Binary files /dev/null and b/Groupdocs photo.jpeg.crdownload differ diff --git a/bookmarks-thin-svgrepo-com.svg b/bookmarks-thin-svgrepo-com.svg new file mode 100644 index 00000000..77dd7dde --- /dev/null +++ b/bookmarks-thin-svgrepo-com.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/calendar-circle-minus-svgrepo-com.svg b/calendar-circle-minus-svgrepo-com.svg new file mode 100644 index 00000000..ebce6631 --- /dev/null +++ b/calendar-circle-minus-svgrepo-com.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/checked-list-svgrepo-com.svg b/checked-list-svgrepo-com.svg new file mode 100644 index 00000000..d6cfc4c0 --- /dev/null +++ b/checked-list-svgrepo-com.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/emoji-smile-svgrepo-com.svg b/emoji-smile-svgrepo-com.svg new file mode 100644 index 00000000..1fc78ae3 --- /dev/null +++ b/emoji-smile-svgrepo-com.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/gif-svgrepo-com.svg b/gif-svgrepo-com.svg new file mode 100644 index 00000000..90549e1b --- /dev/null +++ b/gif-svgrepo-com.svg @@ -0,0 +1,12 @@ + + + + ic_fluent_gif_24_regular + Created with Sketch. + + + + + + + \ No newline at end of file diff --git a/graph-svgrepo-com.svg b/graph-svgrepo-com.svg new file mode 100644 index 00000000..3543ed9d --- /dev/null +++ b/graph-svgrepo-com.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/hashtag-svgrepo-com.svg b/hashtag-svgrepo-com.svg new file mode 100644 index 00000000..76c79064 --- /dev/null +++ b/hashtag-svgrepo-com.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/home-1-svgrepo-com.svg b/home-1-svgrepo-com.svg new file mode 100644 index 00000000..ddc4eae9 --- /dev/null +++ b/home-1-svgrepo-com.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 00000000..4580a80a --- /dev/null +++ b/index.html @@ -0,0 +1,218 @@ + + + + + + + + + + +
+
+ error! + Home
+
+ error! + Home + + error! + Explore + + error! + Notifications + + error! + Messages + + error! + Bookmarks + + error! + Lists + + error! + Profile + + error! + More + Tweet + + error! + @alhassan_dev_ +
+
+ + error! + What's Happening?

+ error! + error! + error! + error! + error! + + Tweet + +

+ + error! + Eric Elliott Retweeted +

+ error! +

+ woki GITer of COINs @owocki . 26m +

me as an engineer, 2015: the CEOs vision is so hand-wavey

+

me as a CEO, 2021: (waves hand) this is my vision

+ + GroupDocs @GroupDocs +

+ error! + GroupDocs Total for .NET is a compilation of every .NET + #API offered by #GroupDocs.

We compile it + on a daily basis to ensure that it contains the most up-to-date + versions of each of

+

our .NET document #automationAPIs.

+

Read more:bit.ly/347331o

+

+ error! + +

+
+ +
+ + +

What's happening

News . LIVE

+

Bus hijacked by protesters and

set alight on sixth night of

+

unrest in Northern Ireland

Trending with Belfast, Northern Ireland

+ + #MeetTheRichardsons +

Brand new comedy from Dave's favourite

+

couple returns at 10pm

+

Promoted by Dave

+ + Politics - Trending +

Alex Jones

+

46.5k Tweets

+ + Politics - Trending +

Hong Kong

+

36k Tweets

+ + Bloomberg Quick... Last night +

New Zealand is virtually Covid-

+

free. Just don't try to buy a

+

home here

+

Show more

+ + Messages +
+
+ + diff --git a/loop-svgrepo-com.svg b/loop-svgrepo-com.svg new file mode 100644 index 00000000..ca723d2e --- /dev/null +++ b/loop-svgrepo-com.svg @@ -0,0 +1,6 @@ + + + +loop + + \ No newline at end of file diff --git a/messages-svgrepo-com.svg b/messages-svgrepo-com.svg new file mode 100644 index 00000000..0a504a4f --- /dev/null +++ b/messages-svgrepo-com.svg @@ -0,0 +1,8 @@ + + + + + + \ No newline at end of file diff --git a/more-circle-svgrepo-com.svg b/more-circle-svgrepo-com.svg new file mode 100644 index 00000000..e2dbc1bd --- /dev/null +++ b/more-circle-svgrepo-com.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/notification-bell-svgrepo-com.svg b/notification-bell-svgrepo-com.svg new file mode 100644 index 00000000..2af0eed8 --- /dev/null +++ b/notification-bell-svgrepo-com.svg @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/photo-svgrepo-com.svg b/photo-svgrepo-com.svg new file mode 100644 index 00000000..d5185bc7 --- /dev/null +++ b/photo-svgrepo-com.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/profile-group-silhouette-svgrepo-com.svg b/profile-group-silhouette-svgrepo-com.svg new file mode 100644 index 00000000..7b0f029f --- /dev/null +++ b/profile-group-silhouette-svgrepo-com.svg @@ -0,0 +1,17 @@ + + + + + + + + \ No newline at end of file diff --git a/profile-svgrepo-com.svg b/profile-svgrepo-com.svg new file mode 100644 index 00000000..fdf62c3c --- /dev/null +++ b/profile-svgrepo-com.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 00000000..98443769 --- /dev/null +++ b/style.css @@ -0,0 +1,502 @@ +* main { + box-sizing: content-box; + height: 98vh; + display: grid; + grid-template-columns: repreat(12, 1fr); + grid-template-rows: repeat(12, 1fr); +} + +#one { + margin: 5px; + background-color: rgb(252, 248, 248); + grid-column: 1 / span 10; + grid-row: 1 / span 1; + font-display: right; + border-radius: 10px; +} + +#one #icon { + display: inline-block; + box-sizing: content-box; + color: beige; + padding: 2px; + font-size: 35px; + background-color: white; + border-radius: 5px; +} + +home { + margin-left: 100px; + font-weight: 1000; + font-size: 20px; +} + +#two { + margin: 5px; + background: white; + grid-column: 1 / span 2; + grid-row: 2 / span 12; +} + +#two #username { + text-align: center; + padding-top: 10px; + padding-bottom: 15px; + margin-top: 5px; + margin-left: 5px; + margin-right: 5px; + margin-bottom: 5px; + display: block; + box-sizing: content-box; + color: blue; + font-size: 15px; + font-weight: bolder; + background-color: whitesmoke; + border-radius: 5px; +} + +#two #explore { + text-align: center; + padding-top: 10px; + padding-bottom: 15px; + margin-top: 5px; + margin-left: 5px; + margin-right: 5px; + margin-bottom: 5px; + display: block; + box-sizing: content-box; + color: rgb(14, 14, 13); + font-size: 15px; + font-weight: bolder; + background-color: whitesmoke; + border-radius: 5px; +} + +#two #notifications { + text-align: center; + padding-top: 10px; + padding-bottom: 15px; + margin-top: 5px; + margin-left: 5px; + margin-right: 5px; + margin-bottom: 5px; + display: block; + box-sizing: content-box; + color: rgb(14, 14, 13); + font-size: 15px; + font-weight: bolder; + background-color: whitesmoke; + border-radius: 5px; +} + +#two #messages { + text-align: center; + padding-top: 10px; + padding-bottom: 15px; + margin-top: 5px; + margin-left: 5px; + margin-right: 5px; + margin-bottom: 5px; + display: block; + box-sizing: content-box; + color: rgb(14, 14, 13); + font-size: 15px; + font-weight: bolder; + background-color: whitesmoke; + border-radius: 5px; +} + +#two #bookmarks { + text-align: center; + padding-top: 10px; + padding-bottom: 15px; + margin-top: 5px; + margin-left: 5px; + margin-right: 5px; + margin-bottom: 5px; + display: block; + box-sizing: content-box; + color: rgb(14, 14, 13); + font-size: 15px; + font-weight: bolder; + background-color: whitesmoke; + border-radius: 5px; +} + +#two #lists { + text-align: center; + padding-top: 10px; + padding-bottom: 15px; + margin-top: 5px; + margin-left: 5px; + margin-right: 5px; + margin-bottom: 5px; + display: block; + box-sizing: content-box; + color: rgb(14, 14, 13); + font-size: 15px; + font-weight: bolder; + background-color: whitesmoke; + border-radius: 5px; +} + +#two #profile { + text-align: center; + padding-top: 10px; + padding-bottom: 15px; + margin-top: 5px; + margin-left: 5px; + margin-right: 5px; + margin-bottom: 5px; + display: block; + box-sizing: content-box; + color: rgb(14, 14, 13); + font-size: 15px; + font-weight: bolder; + background-color: whitesmoke; + border-radius: 5px; +} + +#two #more { + text-align: center; + padding-top: 10px; + padding-bottom: 15px; + margin-top: 5px; + margin-left: 5px; + margin-right: 5px; + margin-bottom: 5px; + display: block; + box-sizing: content-box; + color: rgb(14, 14, 13); + font-size: 15px; + font-weight: bolder; + background-color: whitesmoke; + border-radius: 5px; +} + +#two #tweet { + text-align: center; + padding: 10px; + margin-top: 25px; + margin-left: 5px; + margin-right: 5px; + margin-bottom: 5px; + display: block; + box-sizing: content-box; + color: white; + font-size: 13px; + font-weight: bolder; + background-color: rgb(92, 116, 223); + border-radius: 100px; +} + +#two #nicolas { + text-align: center; + padding-top: 10px; + padding-bottom: 10px; + margin-top: 85px; + margin-left: 5px; + margin-right: 5px; + display: block; + box-sizing: content-box; + color: rgb(14, 14, 13); + font-size: 13px; + font-weight: bolder; + background-color: whitesmoke; + border-radius: 5px; +} + +#five { + margin: 5px; + background: white; + grid-column: 3 / span 8; + grid-row: 2 / span 12; +} + +#five #post { + padding-top: 5px; + padding-left: 5px; + padding-bottom: 1px; + margin-top: 5px; + margin-left: 5px; + margin-right: 5px; + margin-bottom: 5px; + display: block; + box-sizing: content-box; + font-size: 18px; + color: grey; + background-color: whitesmoke; + border-radius: 5px; +} + +logos { + margin-left: 55px; +} + +logos img { + padding: 0px 10px; +} + +tweet { + border: solid; + color: aliceblue; + background-color: rgb(92, 116, 223); + padding: 10px 20px; + margin-top: 0px; + margin-right: 0px; + margin-left: 400px; + border-radius: 50px; +} + +#five #post2 { + padding-left: 5px; + padding-bottom: 30px; + margin-top: 5px; + margin-left: 5px; + margin-right: 0px; + margin-bottom: 0px; + display: block; + box-sizing: content-box; + color: gray; + font-size: 18px; + background-color: whitesmoke; + border-radius: 5px; +} + +b { + color: black; +} + +p { + color: black; +} + +#five #post3 { + padding-left: 25px; + padding-bottom: 1px; + margin-top: 5px; + margin-left: 5px; + margin-right: 0px; + margin-bottom: 1px; + display: block; + box-sizing: content-box; + color: rgb(14, 14, 13); + font-size: 18px; + background-color: whitesmoke; + border-radius: 5px; +} + +#five span { + font-size: 18px; + color: blue; +} + +#post3 p { + padding-left: 20px; +} + +grouphoto { + margin: 0px 0px 0px 25px; +} + +#eight { + margin: 5px; + background: white; + grid-column: 11 / span 2; + grid-row: 1 / span 12; +} + +#eight #post4 { + padding-top: 5px; + padding-left: 5px; + padding-bottom: 0px; + margin-top: 5px; + margin-left: 5px; + margin-right: 5px; + margin-bottom: 0px; + display: block; + box-sizing: content-box; + color: rgb(14, 14, 13); + font-size: 15px; + background-color: lightgray; + border-radius: 5px; +} + +#eight #icon input[type="text"] { + float: right; + padding: 6px; + border: none; + margin-top: 8px; + margin-left: 18px; + font-size: 17px; +} + +input { + padding: 8px; + border-radius: 10px; +} + +#eight #post4 span { + color: blue; +} + +#eight #post5 { + padding-left: 5px; + padding-bottom: 0px; + margin-top: 5px; + margin-left: 5px; + margin-right: 5px; + margin-bottom: 0px; + display: block; + box-sizing: content-box; + color: rgb(14, 14, 13); + font-size: 15px; + background-color: lightgray; + border-radius: 5px; +} + +#eight #post5 span { + color: blue; +} + +#eight #post6 { + padding-left: 5px; + padding-bottom: 0px; + margin-top: 5px; + margin-left: 5px; + margin-right: 5px; + margin-bottom: 0px; + display: block; + box-sizing: content-box; + color: gray; + font-size: 13px; + background-color: lightgray; + border-radius: 5px; +} + +#eight #post6 span { + font-size: 18px; +} + +#eight #post7 { + padding-left: 5px; + padding-bottom: 0px; + margin-top: 5px; + margin-left: 5px; + margin-right: 5px; + margin-bottom: 0px; + display: block; + box-sizing: content-box; + color: gray; + font-size: 13px; + background-color: lightgray; + border-radius: 5px; +} + +#eight #post7 span { + font-size: 18px; +} + +#eight #post8 { + padding-left: 15px; + padding-bottom: 0px; + margin-top: 5px; + margin-left: 5px; + margin-right: 5px; + margin-bottom: 0px; + display: block; + box-sizing: content-box; + color: rgb(14, 14, 13); + font-size: 15px; + background-color: lightgray; + border-radius: 5px; +} + +#eight #post8 span { + color: blue; +} + +#eight #post9 { + padding-left: 25px; + padding-top: 10px; + padding-bottom: 10px; + margin-top: 5px; + margin-left: 5px; + margin-right: 5px; + margin-bottom: 5px; + display: block; + box-sizing: content-box; + color: rgb(14, 14, 13); + font-size: 25px; + background-color: lightgray; + border-radius: 15px; +} + +@media (max-width: 768px) { + main { + grid-template-rows: auto; + display: block; + box-sizing: content-box; + margin: 0px; + } + + #one { + grid-row: 1 / span 1; + } + + #one input { + margin-bottom: 10px; + margin-left: 210px; + grid-row: 1 / span 1; + } + + home { + margin-left: 280px; + font-weight: 1000; + font-size: 20px; + } + + #two { + grid-row: 2 / span 1; + } + + #two #username { + grid-row: 2 / span 1; + } + + #two #boolean { + grid-row: 2 / span 1; + } + + #two #boolean { + grid-row: 2 / span 1; + } + + #five { + grid-row: 3 / span 1; + } + + #five #post { + grid-row: 3 / span 1; + } + + #five #post2 { + grid-row: 3 / span 1; + } + + #eight { + grid-row: 4 / 1; + } + + #eight #post3 { + grid-row: 4 / span 1; + } + + #eight #post3 { + grid-row: 4 / span 1; + } + + #eight #post3 { + grid-row: 4 / span 1; + } +} diff --git a/tweet-button-icon-social-media-element-free-vector.jpg b/tweet-button-icon-social-media-element-free-vector.jpg new file mode 100644 index 00000000..22b5dfeb Binary files /dev/null and b/tweet-button-icon-social-media-element-free-vector.jpg differ diff --git a/twitter profile one.jpeg b/twitter profile one.jpeg new file mode 100644 index 00000000..947b783e Binary files /dev/null and b/twitter profile one.jpeg differ diff --git a/twitter profile two.jpg b/twitter profile two.jpg new file mode 100644 index 00000000..e2532a27 Binary files /dev/null and b/twitter profile two.jpg differ