diff --git a/Wireframe/css/style.css b/Wireframe/css/style.css index e69de29b..e42c32e7 100644 --- a/Wireframe/css/style.css +++ b/Wireframe/css/style.css @@ -0,0 +1,79 @@ +body { + background-color: #e9c46a; + font-family: "MongoDB Value Serif", sans-serif; + margin: 0; + padding: 0; + color: #333; + font-size: 1.2rem; + +} + +@font-face{font-family:MongoDB Value Serif;src:url(https://static.mongodb.com/com/fonts/MongoDBValueSerif-Regular.woff2) format('woff2');font-weight:normal;font-display:swap;} + +header { + text-align: center; + padding: 20px; + background-color: #2a9d8f; + color: white; +} + +main { + max-width: 1200px; + margin: 0 auto; + padding: 20px; +} + +.hero { + background-color: white; + padding: 20px; + border: 1px solid #ccc; + margin-bottom: 20px; +} + +.hero img { + width: 100%; + height: auto; +} + +.card-container { + display: flex; + gap: 20px; +} + +.card { + background-color: white; + padding: 20px; + flex: 1; + border: 1px solid #ddd; + margin-bottom: 50px; +} + +.card img { + width: 100%; + height: 300px; +} + +.buttons { + display: inline-block; + padding: 10px 20px; + background-color: #007bff; + color: white; + text-decoration: none; + border-radius: 5px; + text-align: center; + margin-top: 10px; +} + +.button-link:hover { + background-color: #0056b3; +} + +footer { + position: fixed; + bottom: 0; + width: 100%; + text-align: center; + background-color: #2a9d8f; + color: white; + padding: 10px 0; +} diff --git a/Wireframe/images/branch.jpg b/Wireframe/images/branch.jpg new file mode 100644 index 00000000..c85c42d5 Binary files /dev/null and b/Wireframe/images/branch.jpg differ diff --git a/Wireframe/images/developers.jpg b/Wireframe/images/developers.jpg new file mode 100644 index 00000000..921f5904 Binary files /dev/null and b/Wireframe/images/developers.jpg differ diff --git a/Wireframe/images/git.jpg b/Wireframe/images/git.jpg new file mode 100644 index 00000000..e4af910d Binary files /dev/null and b/Wireframe/images/git.jpg differ diff --git a/Wireframe/index.html b/Wireframe/index.html index 67544158..32a9d741 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -3,11 +3,49 @@ - Wireframe - + Git Universe + + + + - - + +
+

Welcome to the Git Universe

+

Here you can find anything about Git

+
+ +
+
+
+ artistic image of git +

What is Git?

+

Git is a distributed version control system used for tracking changes in code during software development. It allows multiple developers to collaborate, manage versions, and revert to previous states if needed. Learn more here.

+ Read more +
+ +
+
+ A universe of developers and Git +

Why do Developers Need Git?

+

Developers need Git to track changes, collaborate seamlessly, and manage code efficiently in a distributed environment. Learn more here.

+ Read more +
+ +
+ +

What is a Branch in Git?

+

A branch in Git is a parallel version of the codebase that allows developers to work on different features or fixes independently without affecting the main codebase, facilitating collaboration and experimentation. Learn more here.

+ Read more +
+
+
+
+ + + - \ No newline at end of file