Home » News & Magazines » This is what HTC's next flagship phone looks like

This is what HTC's next flagship phone looks like


HTC is readying its next flagship and it looks… shiny.

HTC is going to release another flagship in a few weeks. It’s made out of metal and covered in glass on the front and what looks like shiny glass on the back. You may be able to squeeze its sides to get it to do things like take a photo. It’ll have the latest and greatest specs one would expect from a 2017 flagship, including a Snapdragon 835, 4GB of RAM, and a 12MP UltraPixel camera.

If these things interest you — the phone is expected to be called the HTC U — then cancel your Galaxy S8 pre-order, throw your LG G6 in the fire, stomp on your OnePlus 3T and eat your shorts Huawei Mate 9.

HTC U Ultra review: A beautiful group of questionable decisions

<!–*/

<!–*/

img
width: 100%;
height: auto;

.devicebox ul
display: table;
margin: 0 0 10px;
width: 100%;

.devicebox ul li
background: #f7f7f7;
margin: 2px 0;
padding: 4px 15px;

.devicebox ul li:hover
background: #fff;

.devicebox ul li:before
display: none;

.devicebox p ~ p
line-height: 1.25;

.devicebox p:first-of-type + p
padding: 15px;

.devicebox a.buy-link
border-radius: 5px;
display: inline-block;
font: 14px/31px “Proxima Nova Extrabld”,Helvetica,Arial,sans-serif;
text-align: center;

.devicebox a.buy-link,
.devicebox a.buy-link:link,
.devicebox a.buy-link:active,
.devicebox a.buy-link:visited
background: #37B5D7;
color: #FFF;

.devicebox a.buy-link:hover
background: #2694B2;
text-decoration: none;

.devicebox a.buy-link:before
content: “e61e”;
font: 40px/0 “ac_iconset” !important;
margin: 0 3px 0 -8px;
vertical-align: middle;

@media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 660px)
/* div:not(.columns-3) excludes help menu content */
.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox
padding: 20px 0 25px;

.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox .video
float: left;
margin: 0 30px 0 0;
width: calc(100% – 375px);

.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox h3 + p
bottom: 37px;
display: block;
overflow: hidden;
position: absolute;
top: 60px;
width: calc(100% – 375px);

.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p img,
.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p > img
position: absolute;
top: 50%;
transform: translateY(-50%);

.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p:nth-child(n+3),
.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox ul
box-sizing: border-box;
margin-left: calc(100% – 345px);
width: 340px;

.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p.list-head
margin-top: -5px;

@media all and (max-width: 1024px) and (min-width: 801px), all and (max-width: 660px)
.devicebox h3
text-align: center;

.devicebox ul,
.devicebox p
display: block;

@media all and (max-width: 800px) and (min-width: 660px)
.devicebox
padding: 20px 0 25px;

.devicebox .video
float: left;
margin: 0 30px 0 0;
width: calc(100% – 375px);

.devicebox h3 + p
bottom: 37px;
display: block;
overflow: hidden;
position: absolute;
top: 60px;
width: calc(100% – 375px);

.devicebox p img,
.devicebox p > img
position: absolute;
top: 50%;
transform: translateY(-50%);

.devicebox p:nth-child(n+3),
.devicebox ul
box-sizing: border-box;
margin-left: calc(100% – 345px);
width: 340px;

.devicebox p.list-head
margin-top: -5px;

@media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 661px), all and (max-width: 500px)
/* 2x buy buttons */
.devicebox a.buy-link
width: calc(50% – 2.5px);
margin: 0 5px 5px 0;

.devicebox a.buy-link:nth-of-type(even)
margin: 0 0 5px 0;

.devicebox a.buy-link:last-of-type:nth-of-type(odd)
width: 100%;

@media all and (max-width: 1024px) and (min-width: 801px), all and (max-width: 659px) and (min-width: 501px)
/* 3x buy buttons */
.devicebox a.buy-link
width: calc(100%/3 – 10px/3);
margin: 0 5px 5px 0;

.devicebox a.buy-link:nth-of-type(3n):not(:nth-last-of-type(2))
margin: 0 0 5px 0;

.devicebox a.buy-link:only-child
width: 100%;
margin: 0 0 5px 0;

.devicebox a.buy-link:nth-last-of-type(2):nth-of-type(3n+1),
.devicebox a.buy-link:nth-last-of-type(2):nth-of-type(3n+1) ~ a.buy-link,
.devicebox a.buy-link:nth-last-of-type(4):nth-of-type(3n+1),
.devicebox a.buy-link:nth-last-of-type(4):nth-of-type(3n+1) ~ a.buy-link
width: calc(50% – 2.5px);

.devicebox a.buy-link:nth-last-of-type(2):nth-of-type(3n+1) ~ a.buy-link,
.devicebox a.buy-link:nth-last-of-type(4):nth-of-type(3n+1) ~ a.buy-link:nth-last-of-type(odd)
margin: 0 0 5px 0;

@media all and (max-width: 800px)
.devicebox
margin: 0 0 30px;
max-width: none;
width: auto;

@media all and (max-width: 500px)
.devicebox
margin: 0 0 30px;
max-width: none;
width: auto;

.devicebox a.buy-link:before
display: none;

.page-admin .devicebox max-width: 350px;
.page-admin .devicebox .video_iframe position: relative; height: 0; padding-bottom: 56.9%;
.page-admin .devicebox .video_iframe iframe width: 100%; height: 100%; position: absolute;

/*–>*/

/*–>*/

/*–>*/





Source link

<
also view: Apk Zone, Apk Collection, Apk Pedia, Apk Land, Apk Palace, 3 Suisses, easyJet, Cdiscount, Zalando, Darty, Blanche Porte, Conforama, Oscaro, Auchan Drive, Mistergooddeal, Virgin Mobile, La Redoute, Kiabi, LDLC, Vueling, Priceminister, Marionnaud, Vertbaudet, Sephora, Amazon, Asos, Camaieu, Decathlon, Florajet, Okaidi, Opodo, Oxybul, Pierre et Vacances, Pimkie, Pixmania, Quelle, Rue Du Commerce, Vistaprint
Like Us and get Updates