|
50 | 50 | .btn:hover {
|
51 | 51 | background: #ff66ff;
|
52 | 52 | }
|
| 53 | + .screenshots { |
| 54 | + margin-top: 30px; |
| 55 | + } |
| 56 | + .screenshot-container { |
| 57 | + display: flex; |
| 58 | + flex-wrap: wrap; |
| 59 | + justify-content: center; |
| 60 | + gap: 20px; |
| 61 | + margin-top: 15px; |
| 62 | + } |
| 63 | + .screenshot { |
| 64 | + width: 45%; |
| 65 | + max-width: 400px; |
| 66 | + margin-bottom: 15px; |
| 67 | + } |
| 68 | + .screenshot-img { |
| 69 | + width: 100%; |
| 70 | + border-radius: 8px; |
| 71 | + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); |
| 72 | + transition: transform 0.3s ease; |
| 73 | + } |
| 74 | + .screenshot-img:hover { |
| 75 | + transform: scale(1.05); |
| 76 | + } |
| 77 | + .screenshot p { |
| 78 | + margin-top: 8px; |
| 79 | + font-size: 0.9rem; |
| 80 | + color: #0ff; |
| 81 | + } |
| 82 | + @media (max-width: 768px) { |
| 83 | + .screenshot { |
| 84 | + width: 100%; |
| 85 | + } |
| 86 | + } |
53 | 87 | </style>
|
54 | 88 | </head>
|
55 | 89 | <body>
|
56 | 90 | <div class="container">
|
57 | 91 | <img src="bytemare_logo.jpg" alt="Bytemare Logo" class="logo">
|
58 | 92 | <h1>Bytemare</h1>
|
59 |
| - <p>Software Engineering Team</p> |
| 93 | + <h3>Team Members</h3> |
| 94 | + <p>Alexander Matei, Omar Cruz, Jonathan Rodriguez, Edgar Ortiz</p> |
| 95 | + <img src="tesseraLogo.svg" alt="Tessera Logo" class="logo"> |
| 96 | + <h2>Tessera</h2> |
60 | 97 | <div class="buttons">
|
61 | 98 | <a href="https://github.com/Bytemare-CPP" class="btn" target="_blank">GitHub Organization</a>
|
62 | 99 | <a href="https://github.com/Bytemare-CPP/tessera" class="btn" target="_blank">Tessera Repository</a>
|
| 100 | + <a href="https://tesera.it.com/" class="btn" target="_blank">Tessera Deployment</a> |
| 101 | + <a href="https://docs.google.com/presentation/d/18ofVYHSc1IgD90LLsubPbogPJeuV0R1kgj-AWeJujqU/edit?usp=sharing" class="btn" target="_blank">Presentation Slides</a> |
| 102 | + </div> |
| 103 | + |
| 104 | + <div class="screenshots"> |
| 105 | + <h3>App Screenshots</h3> |
| 106 | + <div class="screenshot-container"> |
| 107 | + <div class="screenshot"> |
| 108 | + <img src="profile.png" alt="Profile Page" class="screenshot-img"> |
| 109 | + <p>Profile Page</p> |
| 110 | + </div> |
| 111 | + <div class="screenshot"> |
| 112 | + <img src="login.png" alt="Login Page" class="screenshot-img"> |
| 113 | + <p>Login Page</p> |
| 114 | + </div> |
| 115 | + <div class="screenshot"> |
| 116 | + <img src="landing.png" alt="Landing Page" class="screenshot-img"> |
| 117 | + <p>Landing Page</p> |
| 118 | + </div> |
| 119 | + <div class="screenshot"> |
| 120 | + <img src="connections.png" alt="Connections Page" class="screenshot-img"> |
| 121 | + <p>Connections Page</p> |
| 122 | + </div> |
| 123 | + </div> |
63 | 124 | </div>
|
64 | 125 | </div>
|
65 | 126 | </body>
|
|
0 commit comments