forked from Elizabeth-Sotade/inst-web
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
ea26795
commit 9d81424
Showing
2 changed files
with
177 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,54 @@ | ||
| body { | ||
| background-color: black; | ||
| font-family: Monospace; | ||
| color: white; | ||
| } | ||
|
|
||
| .nav { | ||
| float:right; | ||
| } | ||
| .btn { | ||
| border-radius: 300px; | ||
| width: 45%; | ||
| padding: 10px; | ||
| font-family: Monaco; | ||
| } | ||
|
|
||
| .center { | ||
| text-align: center; | ||
| } | ||
|
|
||
| .img { | ||
| float: left; | ||
| margin: 0; | ||
| padding: 10px; | ||
| } | ||
|
|
||
| .Sec { | ||
| float: right; | ||
| margin: 0; | ||
| padding: 10px; | ||
| } | ||
|
|
||
| .third { | ||
| float: left; | ||
| margin: 0; | ||
| padding: 9px; | ||
| } | ||
|
|
||
| .fa:hover { | ||
| opacity: 0.9; | ||
| } | ||
| .fa-linkedin { | ||
| background: #007bb5; | ||
| color: white; | ||
| } | ||
|
|
||
| .fa { | ||
| padding: 20px; | ||
| font-size: 40px; | ||
| width: 60px; | ||
| text-decoration: none; | ||
| margin: 5px 80px; | ||
| } | ||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,123 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta name="viewport"content="width=device-width, initial-scale=1" /> | ||
|
|
||
| <title>Instrument</title> | ||
| <link rel="stylesheet" href="inst.css"> | ||
| </head> | ||
| <body> | ||
|
|
||
| <logo><b>INSTRUMENT</b></logo> | ||
| <div class="nav"> | ||
| <nav> | ||
| <a href="#">What we do</a> | ||
| <a href="#">Who we are</a> | ||
| <a href="#">Being here</a> | ||
| </nav> | ||
| </div> | ||
| </br></br></br></br></br> | ||
| <section> | ||
| <center> | ||
| <img src="0.jpeg" width="70%" height="70%"> | ||
| </br></br> | ||
| <p>We are investing $3million over the next three years in our Build/Grow/Serve program, created to support and empower Black and underrepresented communities.</p> | ||
| </br> | ||
| <button class="btn">Apply now</button> | ||
| </center> | ||
| </section> | ||
| </br></br> | ||
| <div class="center"> | ||
| <img src="what-we-do.jpg" alt="show" width="90%" height="90%"> | ||
| <p class="four">We enrich human lives through the thoughtful application of design and technology.</p> | ||
| </div> | ||
| </br></br> | ||
|
|
||
|
|
||
| <img src="83.jpeg" class="img" width="50%" height="50%"> | ||
| <h6>In the summer of 2020,we reported our representation data and commitment to doing so annually.One year later,we are pleased to share an update on our goals, our progress,and the work that still needs to be done. | ||
|
|
||
|
|
||
| </h6> | ||
|
|
||
| <br> | ||
| <img src="nail.jpg" class="Sec" width="50%" height="50%"> | ||
| <h6 class="six">In our third episode of On Air,we explore all thats happened within the last six months, the reality of showing up everyday as BIPOC employee in corporate America, and our future vision diversity, equity and inclusion. | ||
|
|
||
| </h6> | ||
|
|
||
| <div> | ||
| </br> | ||
| <img src="ail.jpeg" height="50%" width="50%" class="third"> | ||
| <h6>As a full-service partner to the world's most ambitious companies, we create transformational change through best-in-class digital products and communication. | ||
|
|
||
| </h6> | ||
| </div> | ||
| </br> | ||
| <div class="per"> | ||
|
|
||
| <h3><center>Explore one of our most impact project</center></h3> | ||
|
|
||
| <center> | ||
| <p><button class="btn">Learn more</button></p> | ||
| </center> | ||
|
|
||
| </div> | ||
| </br></br> | ||
|
|
||
| <div> | ||
|
|
||
| <center> | ||
| <img src="grid.jpg" width="70%" height="70%"> | ||
| <h3>Levi's</h3> | ||
| <p class="four">We patnered with Levi's, | ||
| an icon of American industry and culture, to reimagine levi.com | ||
| for a new generation of shoppers and digital future of a retail.</p> | ||
|
|
||
| </div> | ||
|
|
||
| <div> | ||
| <center> | ||
| <img src="93.jpg" width="70%" height="70%"> | ||
| <h3>Dropbox Band Campaign</h3> | ||
| <p class="four">Dropbox is on a path to becoming a multi-product company. To bring their customers new ana along for that journey.We helped reimagine how Dropbox engage with their audience.</p> | ||
| </center> | ||
| </div> | ||
|
|
||
|
|
||
| </br></br> | ||
|
|
||
| <img src="dwell.png" class="logo"width="40%" height="40%" attribute="14px"> <img src="logo.png" width="50%" height="50%"> | ||
|
|
||
|
|
||
| </br></br></br></br> | ||
| <center> | ||
| <h3 class="team">We'd love to work with | ||
| <center> | ||
| you and your team✨ | ||
| </center> | ||
| </h3> | ||
|
|
||
|
|
||
| <button class="btn">Get in touch</button> | ||
| </center> | ||
|
|
||
| </br></br></br> | ||
|
|
||
| <h5>WHAT WE DO</br> | ||
| </br> | ||
| WHO WE ARE</br> | ||
| </br> | ||
| BEING HERE</br> | ||
| </br> | ||
| ARTICLES</br> | ||
| </br> | ||
| CAREER</br> | ||
| </br> | ||
| CONTACT</br> | ||
| </br> | ||
| NEWSLETTER</h5> | ||
|
|
||
| </body> | ||
| </html> | ||
|
|